feat: 세션 상세 페이지에 발표 영상·발표자료 추가

[ppiyakk2]

무엇을

세션 상세 페이지(TimetableDetail.jsx)에 발표 영상과 발표자료 섹션을 추가합니다.

시안: 작업 전 기획한 샘플 화면(다크 테마 그대로) 기준으로 구현했습니다.

콘텐츠 운영 방법

발표 영상 (YouTube)

src/data/sessionDetails.js에서 세션별로 youtubeId 한 줄만 추가:

"ai-pair-programming": {
  // ...기존 bio / description...
  youtubeId: "dQw4w9WgXcQ",   // youtu.be/dQw4w9WgXcQ 의 ID
},

발표자료 (PDF, 저장소에 파일로)

src/files/slides/<code>.pdf 로 파일을 올리면 끝. 발표자 아바타와 동일하게 import.meta.glob으로 자동 연결되어 코드 수정이 필요 없습니다.

src/files/slides/
  ├─ ai-pair-programming.pdf
  └─ pandas-3.pdf

동작

• 영상·자료 데이터가 없는 세션은 섹션 자체가 표시되지 않음 (기존 페이지 그대로 유지)
• 배치 순서: 세션 소개 → 발표 영상 → 발표자료 → 발표자 소개
• 모바일 대응(영상 16:9 반응형, 자료 카드 세로 정렬), KR/EN i18n 키 추가

검증

• npm run build 통과
• 더미 PDF로 glob 동작 확인: src/files/slides/*.pdf → 해시 에셋으로 정상 emit (작은 파일은 data URI 인라인, 실파일은 별도 에셋)

참고

• PDF가 쌓이면 git 저장소 용량이 커집니다. 추후 필요 시 Git LFS 전환을 고려할 수 있습니다.

🤖 Generated with Claude Code