Frontend Engineer입니다. 화면을 만드는 데서 그치지 않고 제품 흐름을 제안하고, 화면과 API가 주고받는 데이터의 모양을 맞추는 일까지 합니다. AI와 일을 나누어 개발하고, 결과를 검증하는 구조는 직접 만듭니다.
- 스타트업에서 CAD 데스크톱 앱(Electron)부터 AI CAD 에이전트 제품의 사이트·웹 콘솔(Next.js)까지, 제품이 오픈 베타로 나오기까지 프론트엔드를 맡았습니다.
- 그 전에는 기업 고객 대상 B2B SaaS 대시보드를 유지보수하고 신규 기능을 개발했습니다.
주로 쓰는 기술: TypeScript · React · Next.js · Electron · Node.js · Python(FastAPI) · Playwright
| 프로젝트 | 내용 |
|---|---|
| engine-room-assistant | 선박 기관실 알람 대응 어시스턴트. 로컬 LLM·RAG·MCP로 근거를 붙여 조치를 권고합니다. 교육용 가상 데이터를 씁니다 (FastAPI · MCP Python SDK · Ollama · React) |
| seat-booking | 공연 좌석 예매 서비스. 같은 좌석을 동시에 눌러도 한 번만 팔고, 결제하지 않은 선점은 시간이 지나면 풀고, 같은 요청은 한 번만 처리합니다. 부하 측정과 운영 리허설까지 합니다 (Fastify · Drizzle · PostgreSQL · React) |
| event-analytics | 행동 이벤트 리포트 대시보드. 재전송에도 한 번만 저장하고, 리포트 설정을 안전한 SQL로 바꾸며, 일 단위 파티션과 시간 집계로 수천만 건에서도 답합니다. 퍼널·리텐션을 보고, seat-booking의 예매 이벤트를 outbox로 받습니다 (Fastify · PostgreSQL · React · TanStack Query) |
| collab-whiteboard | WebSocket 기반 실시간 협업 화이트보드. 동시 편집, 끊겨도 이어지는 동기화, 내 작업만 실행 취소 (React · Node ws) |
| sketch-quiz | WebSocket 기반 실시간 그림 맞히기 게임. 서버가 진행하는 게임 상태 머신, 사람마다 다른 화면, 획 스트리밍 (React · Node ws) |
| bus-review | 경기 버스 실시간 도착·위치 지도와 노선·정류장 리뷰 웹앱 (Next.js · 네이버 지도 · Supabase) |
| 저장소 | 내용 |
|---|---|
| cad-editor | Electron 데스크톱 CAD 편집기. 구속 조건 2D 스케치, 돌출·회전 3D 모델링, STEP 불러오기 (React · Three.js · OpenCascade) |
| news-clipping-apps-script | 구글 시트와 Apps Script로 만든 언론 보도 자동 수집. 뉴스 크롤링, Claude 웹 검색으로 검증, 사람이 승인한 뒤 홈페이지에 반영 |