누리호를 브라우저에서 다시 쏘기까지: 시작과 도구
우주대장은 2026년 10월 21일 계획서 한 장으로 시작해, 이튿날 14장짜리 누리호 발사 운용 시뮬레이터가 됐습니다. 개발은 처음부터 끝까지 Claude Code에서 Claude Opus 5.5로 했고, 3D는 three.js로 브라우저에서 바로 그립니다.
한 장 요약
| 무엇 | 누리호 5차 발사 하루를 브라우저 실시간 3D로 재현한 발사 운용 시뮬레이터 |
|---|---|
| 왜 | AI로 어디까지 만들 수 있는지 시험하고 싶었고, 대상으로 발사 기록이 공개된 실제 국가 발사체를 골랐습니다 |
| 어떻게 | 공개 자료 조사 → 계획서 → 14장 시뮬레이터 → 실제 영상과 같은 자리에서 비교하며 수정 |
| 결과 | 발사 운용 14장, 발사 장면 영상 7편, 3분 하이라이트, 비행 리포트 |
날짜별 기록
| 날짜 | 한 일 |
|---|---|
| 10. 21. | 계획서: 발사 하이라이트, 이송, 기립을 극사실로 재현하는 범위 |
| 10. 22. | 조작, 우주, 해설을 하나의 시뮬레이터로 묶은 완성 계획. 14장 시뮬레이터 첫 구현 |
| 10. 23. | 이름 '우주대장' 결정, 3분 하이라이트, 비행 리포트 |
| 10. 24. | 조작 화면을 관제 모니터 양식으로 개편 |
| 10. 26. | 이송 화면 간소화, 발사 장면 영상 7편, 불꽃과 연기를 4K 실제 영상과 같은 자리에서 비교해 다시 만듦 |
| 10. 27. | 첫 방문 흐름(소개 → 발사 승인 → 첫 발사 → 허브), 관제실 키, 휴대폰·태블릿 화면, 랜딩 페이지 |
쓴 도구
| 분야 | 도구 | 쓴 곳 |
|---|---|---|
| 개발 | Claude Code · Claude Opus 5.5 | 코드 전부, 자동 검사, 영상 제작 도구 |
| 3D | three.js(WebGL), Vite | 실시간 3D. 발사체와 발사대는 모델 파일 없이 코드로 |
| 목소리·소리 | ElevenLabs | 해설, 관제, 안내 방송, 카운트다운의 합성 음성, 효과음, 배경음악 |
| 지형 | Copernicus WorldDEM-30, Sentinel-2 | 나로우주센터 주변 지형과 위성 영상 |
| 배치·도로 | OpenStreetMap(ODbL) | 발사대, 조립동, 도로의 위치 |
| 지구 | NASA GIBS(NOAA-21 VIIRS, Blue Marble, Black Marble) | 발사 당일의 지구 영상 |
| 검사·영상 | Playwright, ffmpeg | 화면 캡처, 자동 검사, 영상 인코딩 |
모델링 프로그램과 외부 3D 모델 파일은 쓰지 않았습니다. 목소리는 모두 합성 음성이며 실제 인물의 목소리가 아닙니다.
