# task-436.1: ThreadAuto Remotion Phase 0~1 구현 (한시적 승인, 끝까지)

## 한시적 승인
제이회장님이 task-434.1 리서치 후속조치로 끝까지 자율 체이닝 승인함.
Phase 완료 시 .done 통보 → 다음 Phase 자율 진행.

## 참고 문서 (반드시 읽을 것)
- 리서치: `/home/jay/workspace/memory/research/remotion-deep-dive.md`
- 마이그레이션 계획: `/home/jay/workspace/memory/plans/threadauto-remotion/migration-draft.md`
- ThreadAuto 프로젝트: `/home/jay/projects/ThreadAuto/`
- 기존 카드뉴스 코드: `/home/jay/projects/ThreadAuto/card_news/`
- 기존 영상 코드: `/home/jay/projects/ThreadAuto/video/`

## Phase 0: 환경 셋업

migration-draft.md Section 2 참조. 구체적으로:

1. Remotion 프로젝트 초기화
   - `/home/jay/projects/ThreadAuto/remotion/` 디렉토리 생성
   - package.json + npm install (remotion, @remotion/cli, @remotion/bundler, @remotion/renderer, @remotion/google-fonts)
   - TypeScript 설정
   - `npx remotion browser ensure` (Chromium 다운로드)

2. 기본 구조 생성
   - `src/Root.tsx` — Composition 등록
   - `src/index.ts` — 진입점
   - `remotion.config.ts` — Chromium 경로 등

3. 동작 확인
   - `npx remotion render` 또는 `npx remotion still`로 테스트 이미지 1장 생성
   - 생성된 파일 존재 확인

## Phase 1: POC — 카드뉴스 1종

migration-draft.md Section 3 참조.

1. 기존 카드뉴스 분석
   - `/home/jay/projects/ThreadAuto/card_news/` 코드 읽기
   - 현재 템플릿 종류, 입력 데이터 구조, 출력 규격(1080x1350) 파악

2. Remotion 카드뉴스 템플릿 1종 구현
   - `src/compositions/CardNews/` 디렉토리
   - React 컴포넌트로 카드뉴스 렌더링
   - 입력: JSON props (title, subtitle, body, category, accent_color 등)
   - 출력: 1080x1350 PNG (renderStill)
   - 한글 폰트: @remotion/google-fonts의 Noto Sans KR 사용

3. Python 브릿지 스크립트
   - `render_bridge.py` — Python에서 Node.js CLI 호출
   - 입력: JSON props → `npx remotion still --props '{...}' --output card.png`
   - 기존 pipeline.py에서 호출 가능한 인터페이스

4. 품질 비교
   - 같은 콘텐츠로 Pillow vs Remotion 이미지 생성
   - 두 파일을 `/home/jay/projects/ThreadAuto/remotion/comparison/` 에 저장

5. 테스트
   - render_bridge.py 단위 테스트
   - Remotion 렌더링 성공/실패 테스트

## 후속 Phase (자율 체이닝)

Phase 0~1 완료 후:
- Phase 2: 카드뉴스 전체 전환 (모든 템플릿)
- Phase 3: 영상 파이프라인 전환 (숏폼)
- Phase 4: 최적화 + 고급 효과

각 Phase 완료 시:
1. 보고서 작성: `memory/reports/task-436.{n}.md`
2. .done 통보
3. 다음 Phase task-timer 시작 후 자율 진행

## 프로젝트 경로 규칙
- 코드: `/home/jay/projects/ThreadAuto/remotion/` (새 디렉토리)
- 기존 코드 수정 금지 (Phase 1에서는 병행 운영)
- package.json은 remotion/ 하위에 독립적으로

## 레벨: Lv.2~3
Phase 0은 Lv.1, Phase 1은 Lv.2, Phase 2~4는 Lv.3 수준.