⚙️ 구조 요약
lib/ # 계산 + 성능 측정 로직
components/ # UI + 실험 분기
workers/ # Web Worker 연산
pages/ # 결과 시각화·메인 페이지
data/ # 실험 결과(JSON)
utils/ # 공통 유틸
types/ # TS 타입
📁 lib/
calc.ts
- 문자열 계산기 핵심 로직(파싱, 연산)을 포함한 순수 함수 모듈.
- React와 분리해 테스트 가능성·재사용성 확보.
measure.ts
- 입력 지연(Input Latency) 및 렌더링 시간 측정을 위한 Performance API 기반 유틸 함수 모음.
- 예: measureLatency(fn), measureRenderTime() 등.
📁 components/
Calculator.tsx
- 주요 UI 컴포넌트.
- 입력 필드(onChange), 실시간 계산 결과 표시, 성능 측정 로깅 기능 포함.
- 실험 분기(기본/Deferred/Transition)를 이 컴포넌트 단위에서 선택 가능하도록 구성.
ResultTable.tsx