# 카드뉴스 렌더러 버그 수정 + 전용 노하우 문서 생성

## 배경
task-1366.1 카드뉴스 결과물에서 4페이지(body), 5페이지(cta) 품질 문제 발생.
제이회장님이 스레드/인스타 양쪽에서 수동 삭제하는 사태 발생.
렌더링 컴포넌트 자체의 버그이므로 코드 수정 필요.

## 버그 1: BodySlide — 단일 항목만 렌더링

### 현상
- 4페이지에서 "요점 3" 하나만 표시, 상반부 텅 빔
- body 타입 슬라이드가 items 배열을 지원하지 않고 description(string) 하나만 렌더링

### 원인 파일
- `/home/jay/projects/ThreadAuto/remotion/src/slides/BodySlide.tsx`
- `slide.description` (단일 string)만 사용, `slide.items` 미지원
- `content_index`로 "요점 N" 표시하지만 실제로 N개 항목이 아닌 1개만 표시

### 수정 방향
- items 배열이 있으면 리스트 형태로 렌더링 (card_list처럼)
- items 없고 description만 있으면 기존 동작 유지 (하위호환)
- 빈 공간 없이 항목들이 균등 분배되도록 레이아웃

## 버그 2: SummaryCtaSlide — 로고/헤드라인 겹침

### 현상
- 5페이지에서 헤드라인 "보험 트렌드를 한발 앞서 파악하세요" 텍스트와 브랜드 로고가 겹침
- CTA 내용이 "출처/채널" 메타데이터만 있어 약함

### 원인 파일
- `/home/jay/projects/ThreadAuto/remotion/src/slides/SummaryCtaSlide.tsx`
- 헤드라인 상단 패딩(48px)이 BrandBar(top: 0, 12px) 및 로고와 충돌
- `/home/jay/projects/ThreadAuto/remotion/src/compositions/CardNews/index.tsx` — BrandBar 절대위치

### 수정 방향
- 헤드라인 시작 위치를 BrandBar + 로고 높이 아래로 조정
- 로고와 텍스트의 z-index/배치 충돌 방지
- CTA 영역에 버튼 스타일 CTA 렌더링 지원

## 작업 3: 카드뉴스 전용 노하우 문서 생성

### 배경
현재 노하우 시스템:
- `knowhow-design.md` → 광고 배너 전용 (1200x628, 1080x1080)
- `design-qc-knowhow.md` → 배너 DQ 전용
- **카드뉴스 전용 노하우 = 없음**

### 생성할 파일
- `/home/jay/workspace/memory/specs/knowhow-cardnews.md`

### 포함 내용
1. 기존 ThreadAuto v2 디자인 원칙 반영 (themes.py 참조):
   - 모던: 충분한 여백, 그리드 정렬, 깔끔한 레이아웃
   - 트렌드: 그라데이션/글래스모피즘/소프트쉐도우/라운드카드
   - 전문성: 타이포그래피 위계, 브랜드 일관성
   - 다양성: 포스팅마다 다른 컬러 테마

2. 슬라이드 타입별 규칙:
   - cover: 강한 훅 타이틀 + 서브타이틀
   - card_list: items 배열 필수 (3~5개), 아이콘/넘버링
   - detail: 수치 강조 + 설명
   - body: 다중 항목 또는 단일 상세 설명
   - cta: 가치 제안 + 행동 유도 버튼 + 출처

3. 실패 패턴 (task-1366.1 기반):
   - body 슬라이드에 항목 1개만 → 빈 공간 과다
   - CTA에 메타데이터만 → 행동 유도력 없음
   - 로고/텍스트 겹침 → 상단 여백 미확보

4. 성공 패턴:
   - 슬라이드당 정보 밀도 균일
   - CTA에 가치 제안 + 명확한 행동 유도 문구
   - 5종 테마 순환 사용 (직전 테마 중복 방지)

## 테스트
- 수정 후 기존 카드뉴스 테스트 전체 통과 확인
- 수정된 BodySlide로 items 배열 3개 렌더링 테스트
- 수정된 CTA 슬라이드로 로고 겹침 없음 확인

## 참조 파일
- 기존 themes.py: `/home/jay/projects/ThreadAuto/renderer/themes.py`
- 기존 templates.py: `/home/jay/projects/ThreadAuto/renderer/templates.py`
- Remotion CardNews: `/home/jay/projects/ThreadAuto/remotion/src/compositions/CardNews/index.tsx`
- BodySlide: `/home/jay/projects/ThreadAuto/remotion/src/slides/BodySlide.tsx`
- SummaryCtaSlide: `/home/jay/projects/ThreadAuto/remotion/src/slides/SummaryCtaSlide.tsx`
- 문제 스크립트: `/home/jay/workspace/teams/dev1/task-1366.1_news_cardnews.py`
- 문제 이미지: `/home/jay/projects/ThreadAuto/output/cardnews_20260403_102014_03.png` (4페이지)
- 문제 이미지: `/home/jay/projects/ThreadAuto/output/cardnews_20260403_102014_04.png` (5페이지)

## 산출물
1. BodySlide.tsx 수정 완료
2. SummaryCtaSlide.tsx 수정 완료
3. `/home/jay/workspace/memory/specs/knowhow-cardnews.md` 생성
4. 테스트 통과 확인
5. 보고서: `/home/jay/workspace/memory/reports/` 에 저장