본문으로 건너뛰기
김민찬 포트폴리오

Work

5천만 건 시계열 렌더링

  • 서버 LTTB와 view state 분리
  • Recharts
  • Zustand
  • React Query
  • Canvas

시뮬레이션 재생 동기화

  • pose 계산을 공유 모듈로 분리
  • Konva
  • requestAnimationFrame
  • Path Interpolation

Agent UI 공통 패키지

  • 실행 상태와 도메인 UI 경계 분리
  • Zustand
  • React Query
  • SSE
  • LLM

React Flow 렌더링 최적화

  • 노드별 store selector로 구독 축소
  • React Flow
  • UX Flow Design
  • State Modeling

IndexedDB 기반 Web IDE 저장 구조

  • 파일 단위 저장·복원 경계 설계
  • Monaco Editor
  • IndexedDB
  • AST

인터랙티브 포트폴리오 제작기

  • Canvas기반 이벤트 처리
  • Astro
  • React Three Fiber
  • Rapier
  • Playwright