복잡한 시스템을 선명한 인터페이스로 만듭니다.
Local time
- React
- TypeScript
- Next.js
- Astro
- Three.js
- WebGL
- MapLibre
- Mapbox GL
- OpenLayers
- Canvas 2D
- WebSocket
- Electron
- Vite
- Turborepo
- Storybook
Selected work
SatCHAT
위성 데이터를 다루는 대화형 AI 플랫폼
2024.03—2026.10
C-LAB / Fieldmark
위성 산출물을 웹 지도로 전달하는 타일 파이프라인
2026.08—2026.10
Design system
회사 디자인 시스템
2025.03—2026.10
mapix
캔버스 지도용 인터랙션 툴킷
2026.06—2026.10
Orbit
공개 TLE로 그리는 실시간 위성 궤도
2026
About
복잡한 제품을 쓰기 쉬운 화면으로 만듭니다.
위성 데이터를 다루는 회사에서 AI 채팅 제품의 지도 렌더링과 실시간 응답을 만들고, 공개 궤도 요소를 활용한 3D 시뮬레이터도 개발했습니다.
그 전에는 거래 플랫폼과 웹사이트를, 사내에서는 업무 도구와 디자인 시스템을 만들었습니다.
도메인은 달라도 복잡한 상태를 쓸 수 있게 만드는 일은 같습니다.
- Canvas & 3D지도 엔진과 Three.js 장면, 2D 캔버스 오버레이를 많이 그려도 끊기지 않게 만듭니다.
- Real-time스트리밍 채팅, 끊겨도 다시 이어지는 연결, 여러 사람이 같은 상태를 보는 화면을 만듭니다.
- Product flows로그인과 승인, 주문, 결재, CMS처럼 단계와 예외가 많은 흐름을 정리합니다.
- Systems & serving디자인 시스템과 모노레포, 다국어, 품질 자동화를 갖추고, 필요하면 래스터·벡터 타일까지 연결합니다.
- Media화면으로 무언가를 경험하는 방식
- Interaction그 화면이 움직이고 반응하는 방식
- Engineering그 경험을 제품에서 실제로 동작하게 하는 시스템
화면을 통해 사람들이 무언가를 경험하는 방식에 늘 관심이 있었습니다. 지금은 그 경험을 움직이는 시스템을 만듭니다.