# 캠페인뷰 네이버 SA/GFA 섹션 추가 + 전체 섹션 재배치

## 한정승인

## 작업 목표
캠페인뷰 탭 내부에 네이버 SA/GFA 현황 섹션을 추가하고, 전체 섹션을 아래 순서로 재배치한다.

## 최종 섹션 구성 (7개)
1. **캠페인 현황** (기존 CampaignStatusSection)
2. **배너비교** (기존 BannerCompareSection)
3. **최종승인** (기존 FinalApprovalSection)
4. **메타광고현황** (기존 MetaAdsSection → MetaAdsAnalysis)
5. **구글광고현황** (기존 GoogleAdsSection → GoogleAdsAnalysis)
6. **네이버SA현황** (신규)
7. **네이버GFA현황** (신규)

## 작업 내용

### 1. campaign-sections.json 업데이트
파일: `/home/jay/workspace/dashboard/data/campaign-sections.json`

현재 5개 → 7개로 확장:
```json
{
  "sections": [
    {"id": "status", "label": "캠페인 현황", "component": "CampaignStatusSection", "enabled": true},
    {"id": "banner-compare", "label": "배너비교", "component": "BannerCompareSection", "enabled": true},
    {"id": "approval", "label": "최종승인", "component": "FinalApprovalSection", "enabled": true},
    {"id": "meta-ads", "label": "메타광고현황", "component": "MetaAdsSection", "enabled": true},
    {"id": "google-ads", "label": "구글광고현황", "component": "GoogleAdsSection", "enabled": true},
    {"id": "naver-sa", "label": "네이버SA현황", "component": "NaverSASection", "enabled": true},
    {"id": "naver-gfa", "label": "네이버GFA현황", "component": "NaverGFASection", "enabled": true}
  ]
}
```

### 2. 네이버SA현황 컴포넌트 (NaverSASection.js)
파일: `/home/jay/workspace/dashboard/components/campaign/NaverSASection.js`

표시 내용 (campaign.json의 channel_execution.naver_sa + 산출물 데이터):
- **계정 상태**: 준비중/활성/일시정지
- **소재 상태**: 소재준비완료 (sa-creatives.md 45제목+27설명)
- **키워드 현황**: 총 55개 (F:20 / G:18 / H:17), 매칭타입 분포
- **일 예산**: 21,000원 (F:8,500 / G:7,500 / H:5,000)
- **세팅 체크리스트**: 14단계 중 완료/미완료 표시
- **성과 데이터** (운영 시작 후): 클릭수, 노출수, CTR, CPC, 전환수

데이터 소스:
- campaign.json: `channel_execution.naver_sa`
- 산출물: `/home/jay/workspace/output/naver-ads/sa-keywords.md`, `/home/jay/workspace/output/naver-ads/sa-creatives.md`

### 3. 네이버GFA현황 컴포넌트 (NaverGFASection.js)
파일: `/home/jay/workspace/dashboard/components/campaign/NaverGFASection.js`

표시 내용:
- **계정 상태**: 준비중/활성/일시정지
- **타겟팅 세트**: A(보험종사자 40%) / B(이직·창업 40%) / C(리타겟팅 20%)
- **배너 규격별 현황**: 1200×628(준비완료) / 300×250(디자인필요) / 1200×1200(디자인필요)
- **일 예산**: 10,700원 (A:4,280 / B:4,280 / C:2,140)
- **세팅 체크리스트**: 완료/미완료 표시
- **성과 데이터** (운영 시작 후): 노출수, 클릭수, CTR, CPM, 전환수

데이터 소스:
- campaign.json: `channel_execution.naver_gfa`
- 산출물: `/home/jay/workspace/output/naver-ads/gfa-targeting.md`, `/home/jay/workspace/output/naver-ads/gfa-creatives.md`

### 4. 서버 API
- campaign.json에서 naver_sa, naver_gfa 데이터를 프론트에 전달하는 기존 API 확인
- 필요시 산출물(.md 파일) 내용을 파싱하여 구조화된 JSON으로 제공하는 엔드포인트 추가

### 5. CampaignView.js / CampaignSections.js 통합
- 새 컴포넌트를 기존 섹션 로딩 로직에 통합
- index.html에 script 태그 등록

### 6. 다크모드 호환
- 신규 컴포넌트는 **반드시 다크모드 호환** (현재 다크모드 구현 방식에 맞춤)

## 참조 파일
- campaign-sections.json: `/home/jay/workspace/dashboard/data/campaign-sections.json`
- campaign.json: `/home/jay/workspace/dashboard/data/campaign.json`
- 기존 캠페인 컴포넌트: `/home/jay/workspace/dashboard/components/campaign/`
- CampaignView.js: `/home/jay/workspace/dashboard/components/CampaignView.js`
- 네이버 SA 산출물: `/home/jay/workspace/output/naver-ads/sa-keywords.md`, `sa-creatives.md`
- 네이버 GFA 산출물: `/home/jay/workspace/output/naver-ads/gfa-targeting.md`, `gfa-creatives.md`
- 세팅 가이드: `/home/jay/workspace/output/naver-ads/setup-guide.md`

## 테스트
1. 캠페인뷰 탭에 7개 섹션 모두 표시 확인
2. 네이버SA 섹션: 키워드 55개, 소재 현황, 예산 배분 표시 확인
3. 네이버GFA 섹션: 타겟팅 3세트, 배너 규격별 현황 표시 확인
4. 다크모드에서 정상 표시 확인
5. 기존 5개 섹션 회귀 없음 확인

## 보고서
`/home/jay/workspace/memory/reports/task-{TASK_ID}.md`