사용 기술

React / TypeScript

AI Agent, 제조 관제, Web IDE처럼 상태와 인터랙션이 복잡한 제품 구현

Zustand

워크플로우·차트 상태 분리 및 불필요한 리렌더링 개선

React Query

서버 상태와 UI 상태 분리, 캐시 기반 데이터 탐색

Canvas / Recharts

DAISY 대용량 시계열 탐색·서버 다운샘플링·렌더 부하 개선

React Flow

Agent 워크플로우 빌더 UI 및 DAISY 워크플로우 구현

React Hook Form

반복 입력 폼 구조화 및 검증 흐름 개선

SSE / WebSocket

Agent 실행 상태와 부분 결과를 사용자가 이해할 수 있는 피드백으로 연결

Vite / Docker

프론트엔드 개발 환경, 컨테이너 기반 전달과 배포 자동화