다니_1회차 과제

콘텐츠 허브 — 마케팅 팀을 위한 자료 아카이빙 + AI 요약 + 콘텐츠 기획 웹 서비스

주요 기능:
- URL 추가 → Gemini AI 자동 요약/태그 추출
- 노션 페이지 복사 저장 + 자동 동기화 감지
- 아카이브 → 아이디어 전환 (채널 선택 + 참고자료 연결)
- 초안 에디터 (리치 텍스트)
- 태그/카테고리 필터링
- 팀 공유 링크
- 캐러셀 자동 생성 기능 (구현 중)

삽질과정 (어려웠던 부분)

인메모리 데이터 휘발: Supabase 없이 인메모리 저장소를 사용하다 보니, Vercel 서버리스 환경에서 인스턴스마다 데이터가 다름 → 노션 시드 데이터를 매번 초기화하는 방식으로 해결
와이어프레임 레이아웃 깨짐: 히어로 카드 flex 구조와 벤토 그리드가 실제 브라우저에서 전부 깨짐 → 복잡한 구조를 버리고 심플한 2열 grid로 단순화. 모바일 → 데스크탑 전환 시 5번 반복 수정
Vercel 도메인 혼선: dani-content-hub.vercel.app과 content-hub-virid.vercel.app 두 개 프로덕션 도메인이 생겨서 어느 쪽이 최신인지 혼란 → 최종적으로 content-hub-virid로 통일
인메모리 데이터 휘발: Supabase 없이 인메모리 저장소를 사용하다 보니, Vercel 서버리스 환경에서 인스턴스마다 데이터가 다름 → 노션 시드 데이터를 매번 초기화하는 방식으로 해결
빌드 에러 반복: 캐러셀 기능 추가 시 TypeScript 타입 에러로 빌드 실패 → next build가 Vercel에서만 실패하고 로컬에선 재현이 어려워서 디버깅에 시간 소모

/schedule 스킬로 노션 자동 동기화 감지 작업을 설정:

작업 내용: 매시간 노션 "AI 자료 모음" DB를 체크해서 새로운/수정된 페이지가 있으면 콘텐츠 허브에 동기화
동작 방식: Claude Code 세션이 열려 있는 동안, cron 스케줄로 Notion MCP 도구를 호출 → 현재 아카이브와 비교 → 새 항목 발견 시 알림
한계: Claude Code 세션 내에서만 동작 (3일 후 자동 만료). 실제 프로덕션에서는 웹 서비스 자체에 Notion API webhook 또는 cron job을 구현해야 함