**task-1489.1 완료 보고** (dev2-team)
**완료 보고서: 대시보드 캠페인뷰 구조 변경** (11분 27초)

**핵심 결과**
대시보드 캠페인뷰가 단일 컴포넌트(CampaignView.js)에 모든 콘텐츠를 포함하고 있었으며, 배너비교(BannerCompareView)가 메인 탭에 독립 항목으로 존재했다. 캠페인뷰 내부에는 2개 탭(캠페인 현황/최종승인)만 있었다.

**발견/해결 이슈 4건**
1. **이중 컨테이너(패딩) 문제** — BannerCompareView/FinalApprovalView가 자체 max-w-7xl 컨테이너를 가짐. CampaignView를 Fragment 기반으로 변경하고, 탭 바만 자체 컨테이너 사용. 각 섹션이 자체 컨테이너를 관리하도록 구조 변경.
2. **스크립트 로드 순서** — BannerCompareView.js가 CampaignView.js 이후에 로드되어 BannerCompareSection에서 참조 불가능. index.html에서 BannerCompareView.js를 campaign 섹션 컴포넌트 앞으로 이동.
3. **JSX 태그 불일치** — CampaignStatusSection/MetaAdsSection의 여는 태그를 `<main>`으로 변경 후 닫는 태그가 `</div>` / `</React.Fragment>`로 남아있음. 닫는 태그를 `</main>`으로 수정.
4. **FinalApprovalView 중첩 `<main>` 태그** — 미해결: FinalApprovalView가 `React.createElement('main', ...)` 으로 자체 `<main>`을 렌더링하여, CampaignView의 Fragment 내에서 중첩 `<main>` 발생 가능. 이는 task-1384.1에서 도입된 기존 이슈(이전 CampaignView에서도 동일 중첩 발생). FinalApprovalView 리팩토링은 별도 작업 필요.