[Feature/#214] Meta 플랫폼 반영 및 통합 캠페인 등록 UX 개선

[YermIm]

🚨 관련 이슈

close #214

✨ 변경사항

• 🐞 BugFix Something isn't working
• 💻 CrossBrowsing Browser compatibility
• 🌏 Deploy Deploy
• 🎨 Design Markup & styling
• 📃 Docs Documentation writing and editing (README.md, etc.)
• ✨ Feature Feature
• 🔨 Refactor Code refactoring
• ⚙️ Setting Development environment setup
• ✅ Test Test related (storybook, jest, etc.)

✏️ 작업 내용

Meta 플랫폼 반영

• TPlatform / TProvider 타입: kakao / KAKAO → meta / META
• 캠페인 목록, 광고 목록, 캠페인 상세, 통합 캠페인 등록 API·UI 반영

통합 캠페인 등록 UX

• 섹션별 안내 문구 추가 (기본 정보 / 플랫폼별 연결)
• 드롭다운 해제 옵션 문구 선택 안 함 → 연결 안 함

기타

• 상단 breadcrumb: pathExact로 /ads/campaignGroup에서 「통합 캠페인 등록」 표시
• 미사용 CampaignInfoCard, PlatformCard 제거

😅 미완성 작업

N/A

📢 논의 사항 및 참고 사항

N/A

💬 리뷰어 가이드 (P-Rules)
P1: 필수 반영 (Critical) - 버그 가능성, 컨벤션 위반. 해결 전 머지 불가.
P2: 적극 권장 (Recommended) - 더 나은 대안 제시. 가급적 반영 권장.
P3: 제안 (Suggestion) - 아이디어 공유. 반영 여부는 드라이버 자율.
P4: 단순 확인/칭찬 (Nit) - 사소한 오타, 칭찬 등 피드백.

Summary by CodeRabbit

릴리스 노트

• New Features

  • Meta 플랫폼 지원 추가로 광고 캠페인 통합 확대

• Bug Fixes

  • 플랫폼 선택 옵션 업데이트 및 표시 문구 개선

• Chores

  • 기존 플랫폼 지원 제거에 따른 UI 컴포넌트 및 관련 로직 정리

[coderabbitai]

Caution

Review failed

An error occurred during the review process. Please try again later.

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 38d401ec-4cfb-4849-84af-926fb729844a

📥 Commits

Reviewing files that changed from the base of the PR and between 8117b58 and 157f9da.

📒 Files selected for processing (10)

• src/components/ads/AdListTable.tsx
• src/components/ads/AdRow.tsx
• src/components/ads/CampaignInfoCard.tsx
• src/components/ads/CampaignRow.tsx
• src/components/ads/PlatformCard.tsx
• src/constants/sidebarNav.ts
• src/hooks/ads/useCampaignGroup.ts
• src/pages/ads/list/CampaignDetail.tsx
• src/pages/ads/new/CampaignGroup.tsx
• src/types/ads/campaign.ts

💤 Files with no reviewable changes (2)

• src/components/ads/CampaignInfoCard.tsx
• src/components/ads/PlatformCard.tsx

---

📝 Walkthrough

워크스루

광고 플랫폼을 Kakao에서 Meta로 전환하는 종합적인 변경입니다. 타입 정의를 재정의하고, 컴포넌트 로고 매핑을 업데이트한 후, 캠페인 선택 훅을 리팩토링하여 새 플랫폼 데이터 흐름을 구현합니다. 캠페인 그룹 페이지 UI를 Meta 기반으로 재구성하고, 네비게이션 경로 매칭을 개선했습니다.

변경사항

Kakao → Meta 플랫폼 마이그레이션

Layer / File(s)	요약
타입 정의 및 플랫폼 상수 업데이트 src/types/ads/campaign.ts, src/pages/ads/list/CampaignDetail.tsx	TPlatform 타입을 "kakao" | "google" | "naver"에서 "meta" | "google" | "naver"로 변경하고, PLATFORM_WORDMARK에 meta 매핑을 추가하여 플랫폼 표기 시스템을 정렬합니다.
컴포넌트 로고 렌더링 업데이트 src/components/ads/AdListTable.tsx, src/components/ads/AdRow.tsx, src/components/ads/CampaignRow.tsx	normalizeProvider 로직을 Kakao 제외로 변경하고, AdRow와 CampaignRow의 로고 매핑에서 MetaLogo를 추가하여 Meta 플랫폼 시각 표현을 통일합니다.
캠페인 선택 훅 리팩토링 src/hooks/ads/useCampaignGroup.ts	kakaoSelected 상태를 metaSelected로 교체하고, META 플랫폼 캠페인 조회 쿼리를 추가하며, 폼 유효성 검증과 캠페인ID 배열 구성을 업데이트합니다. NONE_OPTION 표시 문자열을 "선택 안 함"에서 "연결 안 함"으로 변경합니다.
캠페인 그룹 페이지 통합 src/pages/ads/new/CampaignGroup.tsx	MetaIcon을 임포트하고, 훅 상태 디스트럭처링을 Meta 기반으로 변경합니다. 플랫폼별 캠페인 연결 섹션에서 Meta 드롭다운을 추가하고 Kakao 블록을 제거하며, 안내 문구와 섹션 설명을 "최소 1개 매체 선택" 기준으로 업데이트합니다.
네비게이션 경로 정확도 개선 src/constants/sidebarNav.ts	ads-list 네비게이션 항목에 pathExact: true 플래그를 추가하여 정확한 경로 매칭을 설정합니다.

예상 코드 리뷰 난이도

🎯 3 (보통) | ⏱️ ~20분

관련된 PR

• WhereYouAd/WhereYouAd-Frontend#81: CampaignInfoCard와 PlatformCard 컴포넌트를 도입한 PR과, 본 PR에서 이들 컴포넌트를 제거/조정하는 변경이 동일 파일을 다루므로 직접 연관됨
• WhereYouAd/WhereYouAd-Frontend#126: 캠페인 그룹 페이지의 플랫폼 캠페인 선택 UI를 변경하는 점에서 CampaignGroup.tsx 수정 내용과 겹침
• WhereYouAd/WhereYouAd-Frontend#130: useCampaignGroup.ts의 훅 로직 변경(Kakao→Meta 상태 전환 및 쿼리 키 수정)이 동일 함수를 다루므로 코드 수준의 연관성 있음

추천 리뷰어

• jjjsun
• Seojegyeong

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/#214

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

• Generate code and open pull requests
• Plan features and break down work
• Investigate incidents and troubleshoot customer tickets together
• Automate recurring tasks and respond to alerts with triggers
• Summarize progress and report instantly

Built for teams:

• Shared memory across your entire org—no repeating context
• Per-thread sandboxes to safely plan and execute work
• Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

📚 Storybook 배포 완료

항목	링크
📖 Storybook	https://69a147b60a56365d9e2185ef-rzyozkfgvr.chromatic.com/
🔍 Chromatic	https://www.chromatic.com/build?appId=69a147b60a56365d9e2185ef&number=287

[Seojegyeong]

P4: 확인했습니다!