HTML 리포트 만들기

오늘의 결과물을 한 장짜리 HTML 리포트로 완성하고, 같은 결과를 1분 세로 영상으로도 만듭니다. 리포트는 브라우저로 바로 열리고, 파일 하나라 메일·메신저로 보내기도 쉽습니다.

한 장 리포트의 여섯 칸

"지금까지의 분석을 한 장짜리 HTML 리포트 report.html로 만들어줘. 순서는 1) 제목=인사이트 한 문장 2) 핵심 숫자 3개 3) chart.png 4) 데이터 출처·기간·행 수와 전처리 내역 5) '검증된 것'과 '추측'을 나눈 표 6) 한계와 다음 질문. 파일 하나로 열리게 이미지도 안에 넣어줘."

📄

만들어지면 브라우저로 열어 봅니다. Mac은 open report.html, Windows는 start report.html로 열 수 있고, Claude Code에 "report.html 열어줘"라고 해도 됩니다.

스킬로 하기 — 4-report는 1회차 영화 흥행 리포트와 같은 디자인으로 한 장 리포트를 만듭니다. 앞 단계의 hypothesis.md·traps_check.md를 읽어 결론·근거·한계 칸을 채우고, report_날짜.html 파일 하나로 저장합니다.

"/datapopcorn-analysis:4-report 지금까지의 분석을 한 장 리포트로 만들어줘. 제목은 인사이트 한 문장으로, 검증된 것과 추측은 칸을 나눠줘."

📄

고치기 — 말로 계속 다듬기

첫 결과가 마음에 안 들어도 괜찮습니다. 고칠 점을 하나씩 말하면 됩니다.

내보내기 전 점검

숏츠 영상 자동화 — 리포트를 1분 영상으로

리포트가 나오면 같은 결과로 세로 숏폼 영상을 만듭니다. 1회차 CH05에서 본 영화 흥행 영상과 같은 순서입니다. 대본 → 장면 카드 → 음성 → 영상 합치기, 네 번 말하면 됩니다. 숫자는 리포트에서 검증된 값만 씁니다.

"report.html의 분석 결과로 1분짜리 세로 영상 대본을 써줘. 장면은 6~8개로 나누고, 장면마다 화면에 크게 들어갈 제목 한 줄, 핵심 숫자나 그래프, 아래 자막 한 줄, 읽어 줄 나레이션 한두 문장을 표로 정리해줘. 숫자는 리포트에 있는 검증된 값만 쓰고, 나레이션에서는 숫자를 한글로 풀어 써줘."

📄

"대본의 장면마다 720×1280 세로 카드 이미지를 만들어줘. HTML로 카드를 만들고 크롬으로 PNG를 캡처하면 돼. 제목은 크고 굵게, 핵심 단어는 강조색 하나로, 비교는 막대 그래프로 그리고, 맨 아래에 자막 줄과 데이터 출처·조회일을 넣어줘. 다 만들면 미리보기를 보여줘."

📄

"대본의 나레이션을 장면별 음성 파일로 만들어줘. Mac이면 say 명령의 한국어 목소리(Yuna 등, 설치된 목록에서 확인)를, Windows면 기본 한국어 음성을 써줘. 다 만들면 장면별 음성 길이를 표로 알려줘."

📄

"장면 카드와 음성을 ffmpeg로 합쳐 세로 영상 shorts.mp4 하나로 만들어줘. 장면 길이는 그 장면 음성 길이에 0.7초를 더하고, 장면 사이에 짧은 페이드를 넣어줘. ffmpeg가 없으면 설치부터 해줘. 다 만들면 중간 장면을 한 장 캡처해서 보여줘."

📄

💡 음성이 막히면 음성 없이 자막만 있는 영상으로 만들어도 됩니다("음성 없이 장면마다 3초씩 보여 주는 영상으로 만들어줘"). 내 목소리를 복제한 음성은 CH05처럼 FishAudio API로 만들 수 있지만, API 키가 필요해 오늘은 선택 사항입니다. 키를 쓴다면 코드나 파일에 적지 말고 환경변수로만 넘깁니다.