미리보기

• 팀에서 개발되는 모든 프로덕트에 프론트엔드 개발자로 참여하였습니다.

• 3D 엔진 라이브러리인 Babylon.js를 사용해 대부분의 3D 렌더링 로직을 구현하였습니다.

• 클라이언트의 요구 사항에 맞는 맞춤형 플러그인 스크립트 개발 및 유지보수하였습니다.

• 팀 초창기에 합류하여 데이터베이스 설계 등 어플리케이션 기획에 참여하였습니다.

• 어플리케이션 및 백오피스/파트너오피스의 프론트엔드 개발에 참여하였습니다.

• 일부 API 개발 및 유지보수를 담당하였습니다.

3D 라이다 시뮬레이션 툴

React Typescript Babylon.js

• 지도, 건물, 사용자 정의 모델 등 실제 환경과 유사한 3D 오브젝트를 원하는 곳에 배치할 수 직관적인 UX와 로직을 구현했습니다.

• 차량과 같은 동적 객체를 배치하고 이동 경로를 설정하여 프레임 단위로 시뮬레이션할 수 있는 로직을 개발했습니다.

• 다양한 센서 파라미터(range, resolution 등)에 따라 포인트 클라우드를 시뮬레이션하고 렌더링할 수 있는 로직을 개발했습니다.

이 툴은 LiDAR 센서의 실제 환경 테스트 전에 다양한 시나리오를 시뮬레이션하여 센서 성능 검증, 센서 설치 위치 선정 등 여러 방면에서 활용할 수 있습니다.

라이다를 통해 인식/수집된 3D 데이터를 분석할 수 있도록 의미있는 이벤트로 변환하여 제공해주는 솔루션

React Typescript Babylon.js Chart.js RxJS Protobuf

• LiDAR Point Cloud, 라벨링된 객체, 이벤트 정보 등 감지된 이벤트를 모니터링 하기위해 스트리밍되는 데이터를 실시간으로 3D Canvas에 렌더링하는 로직 개발하였습니다.

• 이벤트 발생, 감지된 객체 등 서버에 수집된 데이터를 여러가지 형태의 차트로 커스터마이징할 수 있는 대쉬보드를 개발하였습니다.

해당 솔루션을 통해 불법 주정차, 무단횡단, 속도위반 등과 같은 이벤트를 정의하고 실시간으로 모니터링할 수 있으며, 히스토리 데이터를 Bar Chart, Pie Chart 등 다양한 형태의 차트로 시각화하여 효과적으로 분석할 수 있습니다.

데이터 기반 스포츠 큐레이션 플랫폼

React Native Typescript React Query Emotion

• 사내 디자인 시스템 및 디자인 토큰을 정리하여 디자인 일관성을 유지하며, UI/UX 개발에 참여하였습니다.

• 사용자가 쉽게 일정 확인 및 예약할 수 있도록, 캘린더와 스케쥴링과 관련된 복잡한 비즈니스 로직을 설계하고 구현했습니다.

React Typescript React Query Zustand Emotion

• 비즈니스 요구사항에 맞춰, 사용자와 상호작용이 가능한 자체 캘린더를 구현했습니다.

• 프론트엔드 전체 개발을 맡았으며, Node.js 환경에서의 일부 API도 개발했습니다.

• Firebase FCM, 알리고 등 다양한 서드파티 API를 통합하여 효율적인 관리 기능을 개발했습니다.

파트너는 웹내 캘린더를 통해 휴무 등록, 예약 취소, 일정 확인 등 운영에 필수적인 기능을 손쉽게 사용할 수 있습니다. 또한, 회원 관리 및 매출/정산 정보를 직관적으로 조회할 수 있으며, 문자 전송 등 회원 관리에 필요한 다양한 기능을 사용할 수 있습니다.