Space Atlas: 3D 인터랙티브 우주 과학 아틀라스
English Version: Looking for the English edition? Read Space Atlas: 3D Interactive Astronomy Reference (English) →

“교과서 삽화 속 태양계는 왜 실제 비율과 다를까?”
“지구에 사계절이 생기는 진짜 이유는 태양과의 거리 때문일까, 자전축 기울기 때문일까?”
우주와 천문학을 배울 때 가장 큰 장벽은 눈에 보이지 않는 거대한 스케일과 평면 교과서 다이어그램이 주는 오개념(Misconceptions)입니다.
주요 인터랙티브 도구 바로가기
- 달 위상 시뮬레이터 (Moon Phase Simulator)
- 계절 시뮬레이터 — 지구 자전축 23.5°와 0° 비교
- 화성 체중 계산기 — 행성별 중력과 체중 비교
- 다른 행성에서의 나이 계산기 — 행성별 공전주기로 지구 나이 환산
- 행성 크기 비교 도구 — 지구·목성·화성·금성 비교
- 태양계 축척 모델 — 실제 행성 거리 계산
- 외계행성 통과 시뮬레이터 — 행성 통과와 광도곡선(light curve) 읽기
- 조석 고정 시뮬레이터 — 달의 같은 면이 보이는 이유
이러한 물음에서 출발해 개발된 Space Atlas (Student Reference)는 단순한 읽을거리 웹페이지가 아니라, 학생이 직접 시뮬레이션의 변수를 조작하고 3D 뷰포트를 회전하며 인과관계를 체득할 수 있도록 설계된 인터랙티브 우주 과학 백과입니다.
주요 기능 및 시각화 모듈
Space Atlas는 총 27개 핵심 천문학 주제를 4대 카테고리로 나누어 제공합니다.
1. 달의 위상(Phases) & 일식·월식 인터랙티브 랩

- 시스템 뷰(System View)와 지구 관측 뷰(Earth View) 동시 렌더링:
- 왼쪽 3D 뷰포트에서 달의 공전 궤도를 드래그하면, 오른쪽 2D 캔버스에서 지구에서 바라본 달의 차오름/기욺(보름달, 상현달, 초승달 등)이 실시간으로 동기화되어 렌더링됩니다.
- 햇빛이 비추는 ‘실제 반구’와 지구 관측자가 보는 ‘겉보기 형태’의 기하학적 차이를 직관적으로 이해할 수 있습니다.
2. 뉴턴의 대포알(Newton’s Cannonball) 궤도 시뮬레이터

- 2D 캔버스 실시간 물리 연산:
- “행성은 왜 태양으로 떨어지지 않을까?”라는 질문을 해결하기 위해 뉴턴의 유명한 사고실험을 물리 엔진으로 구현했습니다.
- 발사 속도를 조절하면서 발사하면:
- 속도가 너무 느릴 때: 지구 표면으로 추락
- 적정 속도(초속 약 7.9km): 완벽하고 안정적인 인공위성 원궤도 형성
- 탈출 속도 초과: 지구 중력권을 벗어나는 쌍곡선 궤도 탈출
3. 스케일 연구소 (Scale Lab & Distance Tool)
- 행성의 실제 지름 비율 비교 (목성 안에 지구가 몇 개 들어가는지)
- 실제 거리 비율(1 AU) vs 교과서의 압축 다이어그램 간의 차이를 인터랙티브 슬라이더로 직접 확인
4. 딥 스페이스 & 외계행성 탐사
- 외계행성 트랜싯(식현상) 광도 곡선 랩: 행성이 항성 앞을 지나갈 때 빛이 어두워지는 그래프 시뮬레이션
- 별의 일생(Star Life Cycle): 항성의 질량에 따른 백색왜성 vs 초신성/블랙홀 분기점 인터랙티브 도표
- 우리은하(Milky Way) 내 지구 주소: 국부은하군에서 오리온자리 나선팔까지 단계별 줌아웃
Space Atlas만의 교육적 설계 원칙 (Epistemic Structure)
모든 페이지는 단순히 지식을 나열하지 않고, 미국 차세대 과학교육표준(NGSS) 기반의 7단계 학습 프레임워크를 철저히 따릅니다:
- Question (핵심 질문): “금성은 왜 수성보다 더 뜨거울까?”, “달은 왜 한쪽 면만 보일까?”와 같은 직관적 질문으로 시작
- Visual Model (상호작용 모델): 3D Three.js 씬 또는 2D 물리 캔버스를 직접 조작
- What’s Simplified (단순화된 점 공개): “이 모델은 시각적 가독성을 위해 지구-달 거리를 30배 축소했습니다”와 같이 모델의 한계를 투명하게 공개하여 모델을 맹신하지 않도록 지도
- Measurable Fact (측정 가능한 데이터): 공전 주기, 표면 온도, 탈출 속도 등 정량적 수치 제공
- Misconception Check (오개념 퀴즈): 학생들이 가장 흔히 틀리는 상식을 짚어주는 인터랙티브 즉시 채점 퀴즈
- Evidence (공식 출처): NASA Science, JPL Education, ESA의 1차 검증 데이터 링크 제공
- Next Exploration (연속 탐험 루프): 배운 개념이 다음 연관 주제(예: 달의 위상 ➔ 일식 ➔ 조석 현상)로 꼬리를 물고 이어지는 연속 체류 구조
어떤 경우에 사용하면 가장 좋을까요?
- 초·중·고등학생 & 과학교사:
- “달의 위상”, “사계절의 원인”, “행성 크기 비교” 등 교과서 텍스트와 정지된 사진만으로는 설명하기 힘든 수업 시간에 전자칠판이나 태블릿 화면에 띄워 직접 조작해보는 시각화 교구로 활용할 때
- 천문학 입문자 & 청소년:
- 우주에 대한 막연한 호기심을 수식 없이 물리학적 직관(시뮬레이션 조작)으로 이해하고 싶을 때
- 프론트엔드 개발자 & 웹 3D 입문자:
- 무거운 프레임워크나 npm 패키지 의존성 없이, 순수 Three.js(ES Module) + Canvas API + 무의존성 정적 빌드 시스템으로 가볍고 빠른 3D 웹앱을 어떻게 구성했는지 벤치마킹하고 싶을 때
기술적 특징
- Zero-Dependency Architecture: 빌드 도구로 무거운 번들러 대신 파이썬 표준 라이브러리 기반의
build.py를 사용해 CI/CD 파이프라인(GitHub Actions) 빌드 시간을 20초 이내로 단축 - Instant Topic Finder: 키보드 단축키
/를 누르면 언제 어디서든 27개 주제를 실시간으로 필터링하여 이동할 수 있는 인스턴트 검색 모달 탑재 - 모바일 완전 반응형: 태블릿 및 스마트폰 터치 제스처에 최적화된 시뮬레이션 뷰포트 및 궤도 컨트롤
관련 링크
- Space Atlas 웹사이트: https://saramjh.github.io/space_atlas_student/
- GitHub 저장소: https://github.com/saramjh/space_atlas_student
- 영문 포스팅 (English Edition): Space Atlas: 3D Interactive Astronomy Reference