차트 구현 phase1 완료

frontend/components/admin/dashboard/CHART_SYSTEM_PLAN.md

@@ -203,46 +203,46 @@ export interface ChartDataset {
 
 #### Step 1.1: 데이터 소스 선택기
 
-- [ ] `DataSourceSelector.tsx` 생성
-- [ ] DB vs API 선택 라디오 버튼
-- [ ] 선택에 따라 하위 UI 동적 렌더링
-- [ ] 상태 관리 (현재 선택된 소스 타입)
+- [x] `DataSourceSelector.tsx` 생성
+- [x] DB vs API 선택 라디오 버튼
+- [x] 선택에 따라 하위 UI 동적 렌더링
+- [x] 상태 관리 (현재 선택된 소스 타입)
 
 #### Step 1.2: 데이터베이스 설정
 
-- [ ] `DatabaseConfig.tsx` 생성
-- [ ] 현재 DB / 외부 DB 선택 라디오 버튼
-- [ ] 외부 DB 선택 시:
+- [x] `DatabaseConfig.tsx` 생성
+- [x] 현재 DB / 외부 DB 선택 라디오 버튼
+- [x] 외부 DB 선택 시:
   - **기존 외부 커넥션 관리에서 등록된 커넥션 목록 불러오기**
   - 드롭다운으로 커넥션 선택 (ID, 이름, 타입 표시)
   - "외부 커넥션 관리로 이동" 링크 제공
   - 선택된 커넥션 정보 표시 (읽기 전용)
-- [ ] SQL 에디터 통합 (기존 `QueryEditor` 재사용)
-- [ ] 쿼리 테스트 버튼 (선택된 커넥션으로 실행)
+- [x] SQL 에디터 통합 (기존 `QueryEditor` 재사용)
+- [x] 쿼리 테스트 버튼 (선택된 커넥션으로 실행)
 
 #### Step 1.3: REST API 설정
 
-- [ ] `ApiConfig.tsx` 생성
-- [ ] API 엔드포인트 URL 입력
-- [ ] HTTP 메서드: GET 고정 (UI에서 표시만)
-- [ ] URL 쿼리 파라미터 추가 UI (키-값 쌍)
+- [x] `ApiConfig.tsx` 생성
+- [x] API 엔드포인트 URL 입력
+- [x] HTTP 메서드: GET 고정 (UI에서 표시만)
+- [x] URL 쿼리 파라미터 추가 UI (키-값 쌍)
   - 동적 파라미터 추가/제거 버튼
   - 예시: `?category=electronics&limit=10`
-- [ ] 헤더 추가 UI (키-값 쌍)
+- [x] 헤더 추가 UI (키-값 쌍)
   - Authorization 헤더 빠른 입력
   - 일반적인 헤더 템플릿 제공
-- [ ] JSON Path 설정 (데이터 추출 경로)
+- [x] JSON Path 설정 (데이터 추출 경로)
   - 예시: `data.results`, `items`, `response.data`
-- [ ] 테스트 요청 버튼
-- [ ] 응답 미리보기 (JSON 구조 표시)
+- [x] 테스트 요청 버튼
+- [x] 응답 미리보기 (JSON 구조 표시)
 
 #### Step 1.4: 데이터 소스 유틸리티
 
-- [ ] `dataSourceUtils.ts` 생성
-- [ ] DB 커넥션 검증 함수
-- [ ] API 요청 실행 함수
-- [ ] JSON Path 파싱 함수
-- [ ] 데이터 정규화 함수 (DB/API 결과를 통일된 형식으로)
+- [x] `dataSourceUtils.ts` 생성
+- [x] DB 커넥션 검증 함수
+- [x] API 요청 실행 함수
+- [x] JSON Path 파싱 함수
+- [x] 데이터 정규화 함수 (DB/API 결과를 통일된 형식으로)
 
 ### Phase 2: 서버 측 API 구현 (2-3시간)
 
@@ -649,7 +649,7 @@ LIMIT 10;
 
 **구현 시작일**: 2025-10-14
 **목표 완료일**: 2025-10-20
-**현재 진행률**: 0% (계획 수립 완료)
+**현재 진행률**: 22% (Phase 1 완료 + shadcn/ui 통합 ✅)
 
 ---