미리보기

three.js 이용한 플랫폼 개발
업로드 된 모델을 커스텀 할 수 있는 페이지 제작
공통 컴포넌트 TreeView, Modal, Dialog, Alert, Camera, Controller ... 제작
하위 컴포넌트에 대한 렌더링 최적화 작업 (최대 / 24회 -> 10회)
storybook을 이용한 UI 컴포넌트 테스트 및 UX 테스트
피그마에 맞게 컬러, 폰트 최신화

오픈소스 리펙토링 및 솔루션 개발
Angular 기반의 오픈소스를 React로 제작
template 코드들을 컴퍼넌트들로 분리하여 코드 복잡도 개선
중간 관리자에 대한 권한을 설정하고 그에 맞는 페이지 제작
dashboard 페이지 제작

사내 그룹웨어 리팩토링
프로젝트 페이지 제작
영수증 사진을 업로드하고 해당하는 가격 추출하는 기능 개발
이미지 최적화를 시켜 페이지 로드시간 단축
DB 변경으로 인해 쿼리 제작

지도에 표시되지 않는 야외 농구장을 유저들이 제공하는 데이터를 통해 제공하는 서 비스

React, Webpack, Spring Boot

비사이드 311기로 참가하여 4인 팀으로 매칭되었고 FE로 참가

서비스 주소 : https://modubasketball.com

소스 코드 : https://github.com/NeewLife/modubasketball

three.js를 활용하여서 모델을 업로드하고 그 모델을 원하는 위치와 크기로 배치하는 플랫폼 개발

React, Webpack, Spring Boot

모델을 Tree 구조로 나누어서 각각을 제어하는 기능 구현

raycaster를 활용하여 모델의 통과나 투명, 마우스 등의 기능을 구현

gridHelper을 변형하여 인피니티 gridHelper 제작

지하철 3D 오브젝트들을 배치하고 각종 센서(교환기, 화장실 센서 등등...)의 데이터를 가져와서 보여주는 솔루션 개발 및 유지보수

Django, Spring

3D에 대한 POI 데이터를 가져와서 마크를 표시하고 각종 이벤트를 연결하였습니다.

지하철 3D 모델을 가져와 각종 helper와 control 조작하였습니다.

사내에 CS환경으로 만들어진 그룹웨어를 사용하기 편하게 웹 버전으로 만드는 프로젝트입니다.

HTML, JQuery, Spring boot

프로젝트 수주나 영수증 관리의 페이지 제작을 하였고 각종 쿼리를 다시 구상하여 제작하였습니다.

사내 IoT 제품을 이용하여 만든 강원도 급경사지 시스템입니다.

React, Spring Boot, Cassndra

테이블, dialog 등 공통 컴포넌트를 제작하였습니다.

관리자 페이지의 전체적인 CRUD와 UI/UX를 제작하였습니다.

오픈 라이브러리인 ol 이용하여 지도의 정보와 관련된 정보들의 UX를 구현하였습니다.

오픈 플랫폼인 ThingsBoard 를 이용하여 제품 화 시키는 프로젝트입니다.

Angular, Spring Boot, Cassandra

중간 관리자 권한을 추가하고 *ngIf, fxshow를 이용하였습니다.

사진 관련 액션을 angular에 추가하고 관련된 api를 개발하였습니다.

dashboard의 UI/UX를 제작하였고 관련된 다이어로그 액션을 추가하였습니다.

학교를 기준으로 하는 학습관리 시스템입니다.

HTML, JQuery, Spring Boot

구디아카데미에서 최종프로젝트로 4인팀으로 하여 만든 프로젝트입니다.

https://github.com/rigizer/LMS-X

Cansat은 여러 학과가 모여서 캔 위성을 실제로 발사하고 그 발사한 장치의 센서에서 데이터를 가져오고 그 데이터를 정제하는 대회입니다.

Cansat의 소프트웨어 부분 대표로 출전하였으며, C#을 이용하여 데이터를 가져와 그래프로 그리고 3Km까지 올라가는 위성의 데이터의 정확도를 위한 노력을 많이 하였습니다.

예선을 통과하고 본선까지 진출하였습니다.