1) 문자열 계산 기능 (프리코스 로직 유지)

• 기존 프리코스에서 구현했던 문자열 파싱 및 계산 로직을 순수 함수 형태로 TypeScript 모듈화하여 사용.

2) 실시간 입력 → 계산 결과 출력

• 사용자가 입력창에 수식을 입력하면 즉시 계산 결과가 반영되는 실시간 UI 흐름 구현.
• onChange 입력 감지 → 계산 실행 → 결과 표시.

3) 입력 지연 측정 기능 (Performance API)

• 입력 이벤트 발생 시점부터 화면 업데이트까지의 Input Latency(ms) 를 측정.
• 성능 실험 및 최적화 결과 비교를 위해 측정 데이터를 JSON/콘솔로 저장.

4) React 19 실험 분기 구성

• 동일한 기능을 여러 방식으로 구현하여 성능 차이를 비교하는 실험 구조 마련.
  • 기본 버전
  • useDeferredValue 적용 버전
  • useTransition 적용 버전
• 각 버전의 결과를 성능 데이터와 함께 기록.

5) Web Worker 기반 연산 분리

• 긴 수식 또는 반복 연산을 메인 스레드에서 분리하여 계산.
• Worker 적용 전/후의 입력 지연 및 스레드 점유율 변화를 비교.

6) 결과 그래프 시각화 페이지

• 실험 데이터(입력 길이 vs 반응 속도)를 그래프 형태로 시각화하여 비교·분석.
• Recharts / Chart.js 등 사용하여 실험 결과를 직관적으로 확인할 수 있는 페이지 구성.