# task-1239.1: 디자인 컨셉 카탈로그 50선 + 캠페인뷰 통합 **작성**: 헤르메스 (개발1팀장) | **갱신**: 2026-03-29 **원본**: 아누 (개발실장) | **일시**: 2026-03-29 --- ## [Update] 캠페인뷰 디자인 테마 링크 통합 **S**: 디자인 컨셉 50선 카탈로그(task-1239.1)와 제이회장님 15선 선택(task-1240.1) 보고서가 완료되었다. **C**: 캠페인 대시보드에서 해당 보고서에 직접 접근할 방법이 없어, 보고서 경로를 수동으로 찾아야 했다. **Q**: 캠페인뷰에서 디자인 테마 보고서를 바로 열 수 있도록 통합할 수 있는가? **A**: campaign.json에 `design_theme` 섹션 추가 + CampaignView.js에 디자인 테마 카드 UI 및 체크리스트 링크 기능을 구현하여, 클릭 한 번으로 FileViewerModal에서 보고서를 열 수 있게 했다. 수정 파일 3개, API 검증 완료. ### 수정 내용 (3건) 1. **campaign.json** — `design_theme` 섹션 추가 (50선/15선 보고서 링크) + checklist에 2개 항목 추가 2. **CampaignView.js** — 디자인 테마 카드 섹션 신규 (🎨) + 체크리스트 `link` 필드 클릭 시 FileViewerModal 연동 (4곳) 3. **task-1240.1.md** — 제목 업데이트, 15개 전 항목에 "★ 제이회장님 선택" 표기, 안내 문구 변경 ### 산출물 - `/home/jay/workspace/dashboard/data/campaign.json` - `/home/jay/workspace/dashboard/components/CampaignView.js` - `/home/jay/workspace/memory/reports/task-1240.1.md` ### 발견 이슈 및 해결 #### 자체 해결 (3건) 1. **서버가 체크리스트를 MD에서 동적 파싱하여 campaign.json checklist를 덮어씀** — `design_theme`을 checklist 밖 별도 섹션으로 추가하여 해결. campaign.json checklist에도 fallback용 항목 추가. 2. **Flat 배열 fallback에 onClick 핸들러 부재** — link 지원과 함께 toggleCheckItem 핸들러도 추가하여 일관성 확보. 3. **대시보드 서버 포트가 7777이 아닌 8000** — 실제 listen 포트(8000) 확인 후 API 검증 완료. ### 검증 - campaign.json: JSON 파싱 통과 - API /api/campaign: `design_theme` 섹션 정상 반환 확인 (catalog_50: 완료, selected_15: 선택 완료) - QC: 3 PASS, 7 SKIP, 2 WARN (SCQA 포맷 경고 — 원본 카탈로그 특성상, data_integrity — timer 진행 중) --- ## [Original] 디자인 컨셉 50선 카탈로그 **목적**: 50개 디자인 컨셉을 한 화면에서 비교. 마음에 드는 번호를 골라주세요. --- ## Part 1: 글로벌 어워드 (#1~#5) **#01 01-constraint** — 약관/계약서 위 하이라이트. 극도의 절제. /home/jay/workspace/output/meta-ads/concept-catalog/01-constraint/01-constraint-v2.png --- **#02 02-expressive-typo** — 얇은↔극굵은 weight 대비로 감정 표현. /home/jay/workspace/output/meta-ads/concept-catalog/02-expressive-typo/02-expressive-typo-v2.png --- **#03 03-anti-polish** — 손글씨/노트/포스트잇. UGC 감성. /home/jay/workspace/output/meta-ads/concept-catalog/03-anti-polish/03-anti-polish-v2.png --- **#04 04-reality-fantasy** — 흑백↔컬러 분할. 글리치 경계. /home/jay/workspace/output/meta-ads/concept-catalog/04-reality-fantasy/04-reality-fantasy-v2.png --- **#05 05-symbol-as-campaign** — 하나의 상징물 중앙 지배. 미니멀 텍스트. /home/jay/workspace/output/meta-ads/concept-catalog/05-symbol-as-campaign/05-symbol-as-campaign-v2.png --- ## Part 2: 금융/보험 실전 (#6~#10) **#06 06-dark-premium** — 다크+골드. 고급 금융 신뢰감. /home/jay/workspace/output/meta-ads/concept-catalog/06-dark-premium/06-dark-premium-v2.png --- **#07 07-impact-number** — 숫자 극대화 (1,863%). 화면 40% 차지. /home/jay/workspace/output/meta-ads/concept-catalog/07-impact-number/07-impact-number-v2.png --- **#08 08-emotional-narrative** — 인물 실루엣 + 감성 텍스트. 희망적 분위기. /home/jay/workspace/output/meta-ads/concept-catalog/08-emotional-narrative/08-emotional-narrative-v2.png --- **#09 09-minimal-typography** — Apple/Nike식 극미니멀. 여백 70%. /home/jay/workspace/output/meta-ads/concept-catalog/09-minimal-typography/09-minimal-typography-v2.png --- **#10 10-vitality-gradient** — MZ 타겟 비비드(퍼플→핑크→오렌지). /home/jay/workspace/output/meta-ads/concept-catalog/10-vitality-gradient/10-vitality-gradient-v2.png --- ## Part 3: 기술 인프라 (#11~#15) **#11 11-jsx-declarative** — 모던 SaaS 카드 UI. 깔끔한 컴포넌트. /home/jay/workspace/output/meta-ads/concept-catalog/11-jsx-declarative/11-jsx-declarative-v2.png --- **#12 12-block-modular** — 4분할 그리드 인포그래픽. /home/jay/workspace/output/meta-ads/concept-catalog/12-block-modular/12-block-modular-v2.png --- **#13 13-css-gradient** — 순수 CSS 프로 배너. 정교한 타이포 계층. /home/jay/workspace/output/meta-ads/concept-catalog/13-css-gradient/13-css-gradient-v2.png --- **#14 14-svg-first** — 벡터 라인아트 미니멀 인포그래픽. /home/jay/workspace/output/meta-ads/concept-catalog/14-svg-first/14-svg-first-v2.png --- **#15 15-cjk-typography** — 한글 서체 아름다움 극대화. 글자가 주인공. /home/jay/workspace/output/meta-ads/concept-catalog/15-cjk-typography/15-cjk-typography-v2.png --- ## Part 4: 레퍼런스 PDF (#16~#20) **#16 16-navy-typography** — 네이비+화이트+오렌지. 전문적 신뢰감. /home/jay/workspace/output/meta-ads/concept-catalog/16-navy-typography/16-navy-typography-v2.png --- **#17 17-number-newsflash** — 뉴스 속보 느낌. 긴급감. /home/jay/workspace/output/meta-ads/concept-catalog/17-number-newsflash/17-number-newsflash-v2.png --- **#18 18-portrait-text** — 비즈니스맨 + 텍스트 오버레이. /home/jay/workspace/output/meta-ads/concept-catalog/18-portrait-text/18-portrait-text-v2.png --- **#19 19-persona-card** — 3인 프로필 카드. 타겟 세분화. /home/jay/workspace/output/meta-ads/concept-catalog/19-persona-card/19-persona-card-v2.png --- **#20 20-split-layout** — 좌=문제 ↔ 우=성장 대비. /home/jay/workspace/output/meta-ads/concept-catalog/20-split-layout/20-split-layout-v2.png --- ## Part 5: 글로벌 브랜드 (#21~#31) **#21 21-cocacola-style** — 빨간색+화이트. 감성 스토리텔링. 행복/공유. /home/jay/workspace/output/meta-ads/concept-catalog/21-cocacola-style/21-cocacola-style.png --- **#22 22-galaxy-style** — 테크 프리미엄. 그라디언트. 미래 지향. /home/jay/workspace/output/meta-ads/concept-catalog/22-galaxy-style/22-galaxy-style.png --- **#23 23-nike-style** — Just Do It 미니멀. 강렬한 대비. 동기부여. /home/jay/workspace/output/meta-ads/concept-catalog/23-nike-style/23-nike-style.png --- **#24 24-apple-style** — 극미니멀. 여백의 미학. 정제된 타이포. /home/jay/workspace/output/meta-ads/concept-catalog/24-apple-style/24-apple-style.png --- **#25 25-mcdonalds-style** — 밝은 빨강+노랑. 친근함. 대중적. /home/jay/workspace/output/meta-ads/concept-catalog/25-mcdonalds-style/25-mcdonalds-style.png --- **#26 26-hyundai-style** — 모던 프리미엄. 다크+실버. 기술감. /home/jay/workspace/output/meta-ads/concept-catalog/26-hyundai-style/26-hyundai-style.png --- **#27 27-kia-style** — 젊고 대담한. 컬러풀. 역동적. /home/jay/workspace/output/meta-ads/concept-catalog/27-kia-style/27-kia-style.png --- **#28 28-wconcept-style** — 패션 에디토리얼. 모던 미니멀. 흑백+액센트. /home/jay/workspace/output/meta-ads/concept-catalog/28-wconcept-style/28-wconcept-style.png --- **#29 29-chanel-style** — 럭셔리 미니멀. 흑백. 세리프 타이포. 격조. /home/jay/workspace/output/meta-ads/concept-catalog/29-chanel-style/29-chanel-style.png --- **#30 30-hermes-style** — 오렌지+크림. 일러스트레이션. 아티스틱. /home/jay/workspace/output/meta-ads/concept-catalog/30-hermes-style/30-hermes-style.png --- **#31 31-patagonia-style** — 자연/환경. 어스톤. 진정성. /home/jay/workspace/output/meta-ads/concept-catalog/31-patagonia-style/31-patagonia-style.png --- ## Part 6: 보험사 (#32~#34) **#32 32-samsungfire-style** — 한국 1위 손보사. 블루 계열. 신뢰+전문성. /home/jay/workspace/output/meta-ads/concept-catalog/32-samsungfire-style/32-samsungfire-style.png --- **#33 33-meritz-style** — 디지털 혁신. 모던. MZ 타겟. /home/jay/workspace/output/meta-ads/concept-catalog/33-meritz-style/33-meritz-style.png --- **#34 34-hanwha-style** — 따뜻함. 가족. 오렌지/그린 계열. /home/jay/workspace/output/meta-ads/concept-catalog/34-hanwha-style/34-hanwha-style.png --- ## Part 7: 기존 hybrid 개선 (#35~#37) **#35 35-hybrid-v4-refined-A** — v4 스타일 기반 + 폰트 규칙 적용 개선. /home/jay/workspace/output/meta-ads/concept-catalog/35-hybrid-v4-refined-A/35-hybrid-v4-refined-A.png --- **#36 36-hybrid-v4-refined-B** — v4 다른 슬라이드 기반 개선. /home/jay/workspace/output/meta-ads/concept-catalog/36-hybrid-v4-refined-B/36-hybrid-v4-refined-B.png --- **#37 37-hybrid-v5-refined** — v5 스타일 기반 + 폰트 규칙 적용 개선. /home/jay/workspace/output/meta-ads/concept-catalog/37-hybrid-v5-refined/37-hybrid-v5-refined.png --- ## Part 8: Cannes Lions (#38~#42) **#38 38-cannes-grid-opportunity** — Cannes Lions. 그리드 기회 구조. /home/jay/workspace/output/meta-ads/concept-catalog/38-cannes-grid-opportunity/38-cannes-grid-opportunity.png --- **#39 39-cannes-vacancy-portrait** — Cannes Lions. 공석 인물 초상화. /home/jay/workspace/output/meta-ads/concept-catalog/39-cannes-vacancy-portrait/39-cannes-vacancy-portrait.png --- **#40 40-cannes-selective-amplification** — Cannes Lions. 선택적 증폭 강조. /home/jay/workspace/output/meta-ads/concept-catalog/40-cannes-selective-amplification/40-cannes-selective-amplification.png --- **#41 41-cannes-unedited-reality** — Cannes Lions. 편집 안 된 현실감. /home/jay/workspace/output/meta-ads/concept-catalog/41-cannes-unedited-reality/41-cannes-unedited-reality.png --- **#42 42-cannes-pop-debut** — Cannes Lions. 팝아트 데뷔 감각. /home/jay/workspace/output/meta-ads/concept-catalog/42-cannes-pop-debut/42-cannes-pop-debut.png --- ## Part 9: D&AD/One Show/Clio (#43~#46) **#43 43-dad-price-proof** — D&AD. 가격 증거 임팩트. /home/jay/workspace/output/meta-ads/concept-catalog/43-dad-price-proof/43-dad-price-proof.png --- **#44 44-oneshow-hangul-monument** — One Show. 한글 모뉴먼트 타이포. /home/jay/workspace/output/meta-ads/concept-catalog/44-oneshow-hangul-monument/44-oneshow-hangul-monument.png --- **#45 45-oneshow-finance-luxury** — One Show. 금융 럭셔리 미학. /home/jay/workspace/output/meta-ads/concept-catalog/45-oneshow-finance-luxury/45-oneshow-finance-luxury.png --- **#46 46-clio-void-absence** — Clio. 부재/공백 미니멀. /home/jay/workspace/output/meta-ads/concept-catalog/46-clio-void-absence/46-clio-void-absence.png --- ## Part 10: 한국/아시아 수상작 (#47~#50) **#47 47-kr-award-emotional-finance** — 한국 광고대상. 감성 금융 광고. /home/jay/workspace/output/meta-ads/concept-catalog/47-kr-award-emotional-finance/47-kr-award-emotional-finance.png --- **#48 48-madstars-digital-interactive** — MAD Stars. 디지털 인터랙티브. /home/jay/workspace/output/meta-ads/concept-catalog/48-madstars-digital-interactive/48-madstars-digital-interactive.png --- **#49 49-spikes-trust-protection** — Spikes Asia. 신뢰/보호 테마. /home/jay/workspace/output/meta-ads/concept-catalog/49-spikes-trust-protection/49-spikes-trust-protection.png --- **#50 50-intl-award-scandinavian-elegance** — 국제 디자인 어워드. 스칸디나비안 우아함. /home/jay/workspace/output/meta-ads/concept-catalog/50-intl-award-scandinavian-elegance/50-intl-award-scandinavian-elegance.png --- **마음에 드는 컨셉 번호를 골라주세요! 복수 선택 가능.** **선택하신 컨셉 스타일로 앵글 A 캐러셀 5장을 본격 제작합니다.**