프론트엔드 개발자

이병윤

<ul>
<li>Cansat은 여러 학과가 모여서 캔 위성을 실제로 발사하고 그 발사한 장치의 센서에서 데이터를 가져오고 그 데이터를 정제하는 대회입니다.
</li>
<li>Cansat의 소프트웨어 부분 대표로 출전하였으며, C#을 이용하여 데이터를 가져와 그래프로 그리고 3Km까지 올라가는 위성의 데이터의 정확도를 위한 노력을 많이 하였습니다.
</li>
<li>예선을 통과하고 본선까지 진출하였습니다.
</li>
</ul>

CanSat Competition

정보처리산업기사

깃허브

<ul>
<li>지도에 표시되지 않는 야외 농구장을 유저들이 제공하는 데이터를 통해 제공하는 서 비스
</li>
<li>React, Webpack, Spring Boot
</li>
<li>비사이드 311기로 참가하여 4인 팀으로 매칭되었고 FE로 참가
</li>
<li>서비스 주소 : <a href="https://modubasketball.com">https://modubasketball.com</a>
</li>
<li>소스 코드 : <a href="https://github.com/NeewLife/modubasketball">https://github.com/NeewLife/modubasketball</a>
</li>
</ul>

모두의 농구장

<ul>
<li>three.js를 활용하여서 모델을 업로드하고 그 모델을 원하는 위치와 크기로 배치하는 플랫폼 개발
</li>
<li>React, Webpack, Spring Boot
</li>
<li>모델을 Tree 구조로 나누어서 각각을 제어하는 기능 구현
</li>
<li>raycaster를 활용하여 모델의 통과나 투명, 마우스 등의 기능을 구현
</li>
<li>gridHelper을 변형하여 인피니티 gridHelper 제작
</li>
</ul>

THREE.JS 를 활용한 플랫폼 개발

<ul>
<li>지하철 3D 오브젝트들을 배치하고 각종 센서(교환기, 화장실 센서 등등...)의 데이터를 가져와서 보여주는 솔루션 개발 및 유지보수
</li>
<li>Django, Spring
</li>
<li>3D에 대한 POI 데이터를 가져와서 마크를 표시하고 각종 이벤트를 연결하였습니다.
</li>
<li>지하철 3D 모델을 가져와 각종 helper와 control 조작하였습니다.
</li>
</ul>

3D 지하철 솔루션 개발 및 유지보수

<ul>
<li>사내에 CS환경으로 만들어진 그룹웨어를 사용하기 편하게 웹 버전으로 만드는 프로젝트입니다.
</li>
<li>HTML, JQuery, Spring boot
</li>
<li>프로젝트 수주나 영수증 관리의 페이지 제작을 하였고 각종 쿼리를 다시 구상하여 제작하였습니다.
</li>
</ul>

웹 서비스향 사내 그룹웨어 개발

<ul>
<li>사내 IoT 제품을 이용하여 만든 강원도 급경사지 시스템입니다.
</li>
<li>React, Spring Boot, Cassndra
</li>
<li>테이블, dialog 등 공통 컴포넌트를 제작하였습니다.
</li>
<li>관리자 페이지의 전체적인 CRUD와 UI/UX를 제작하였습니다.
</li>
<li>오픈 라이브러리인 ol 이용하여 지도의 정보와 관련된 정보들의 UX를 구현하였습니다.
</li>
</ul>

강원도 급경사지 상시계측관리 체계구축을 위한 시스템 구축

<ul>
<li>오픈 플랫폼인 ThingsBoard 를 이용하여 제품 화 시키는 프로젝트입니다.
</li>
<li>Angular, Spring Boot, Cassandra
</li>
<li>중간 관리자 권한을 추가하고 *ngIf, fxshow를 이용하였습니다.
</li>
<li>사진 관련 액션을 angular에 추가하고 관련된 api를 개발하였습니다.
</li>
<li>dashboard의 UI/UX를 제작하였고 관련된 다이어로그 액션을 추가하였습니다.
</li>
</ul>

사내 IoT플랫폼 솔루션 ThingsBoard 제품화 프로젝트

<ul>
<li>학교를 기준으로 하는 학습관리 시스템입니다.
</li>
<li>HTML, JQuery, Spring Boot
</li>
<li>구디아카데미에서 최종프로젝트로 4인팀으로 하여 만든 프로젝트입니다.
</li>
<li><a href="https://github.com/rigizer/LMS-X">https://github.com/rigizer/LMS-X</a>
</li>
</ul>

LMS (학습시스템)

<ul>
<li>three.js 이용한 플랫폼 개발 업로드 된 모델을 커스텀 할 수 있는 페이지 제작 공통 컴포넌트 TreeView, Modal, Dialog, Alert, Camera, Controller ... 제작 하위 컴포넌트에 대한 렌더링 최적화 작업 (최대 / 24회 -&gt; 10회) storybook을 이용한 UI 컴포넌트 테스트 및 UX 테스트 피그마에 맞게 컬러, 폰트 최신화
</li>
<li>오픈소스 리펙토링 및 솔루션 개발 Angular 기반의 오픈소스를 React로 제작 template 코드들을 컴퍼넌트들로 분리하여 코드 복잡도 개선 중간 관리자에 대한 권한을 설정하고 그에 맞는 페이지 제작 dashboard 페이지 제작
</li>
<li>사내 그룹웨어 리팩토링 프로젝트 페이지 제작 영수증 사진을 업로드하고 해당하는 가격 추출하는 기능 개발 이미지 최적화를 시켜 페이지 로드시간 단축 DB 변경으로 인해 쿼리 제작
</li>
</ul>