# Phase 1: dashboard/components/ JS 모듈화

## 목표
대시보드 JS 컴포넌트의 하드코딩 색상/경로를 config 참조로 전환.

## 수정 대상
- `/home/jay/workspace/dashboard/components/*.js` (전체)
- `/home/jay/workspace/dashboard/server.py` (경로 하드코딩)
- `/home/jay/workspace/dashboard/data_loader.py` (경로 하드코딩)
- `/home/jay/workspace/dashboard/helpers.py` (경로 하드코딩)

## 수정 항목
1. **색상 코드**: `#48bb78, #e53e3e` 등 → design-system.json 참조
   - JS에서: fetch('/api/design-system') 또는 서버에서 주입
2. **파일 경로**: `/home/jay/workspace/` → server.py에서 config 참조
3. **API URL**: 하드코딩된 localhost 경로 정리

## 색상 참조 방식 (JS)
- server.py에 `/api/design-system` 엔드포인트 추가 → design-system.json 서빙
- 또는 서버 렌더링 시 config 값을 HTML에 주입

## 절대 건드리면 안 되는 파일
- dispatch.py (8팀), tools/ (3팀), scripts/ (6팀), config/ (완료)

## 검증
1. 대시보드 서버 정상 기동 (포트 8000)
2. 모든 탭 정상 렌더링
3. API 응답 정상

## 산출물
1. 수정된 JS 파일들
2. server.py/data_loader.py/helpers.py 수정
3. 보고서