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) |
| 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 웹 검색으로 검증, 사람이 승인한 뒤 홈페이지에 반영 |