우주먼지의 출시 예정 3.0 소개 페이지. 영문 /, 한국어 /ko/, 기존 /privacy/·/support/를 제공하는 정적 사이트입니다. 시스템 설정과 무관하게 다크 테마만 제공합니다. 2026-09-24 갱신: 실제 3.0 캡처, 편집 선정 월계관, 현행 무료/Pro 사양과 SEO/GEO 정보를 반영합니다. 운영 도메인 https://dust2cosmos.com 에 배포했으며 검토본과 근거는 기존 비공개 Sites 문서함에 게시합니다. 3.0 앱 출시는 별도입니다.
npm run build
npm run check
npm run serve- 한국어: http://127.0.0.1:8893/ko/
- English: http://127.0.0.1:8893/
Node.js와 Python 3만 있으면 빌드·정적 검사·미리보기가 가능합니다. 웹사이트 실행에는 패키지, 외부 폰트, CDN이 필요하지 않습니다. 미리보기는 loopback에만 바인딩하고 X-Robots-Tag: noindex, nofollow를 반환합니다. 다른 포트는 python3 scripts/serve.py --port 8894로 지정하세요.
| 대상 | 원본 |
|---|---|
| 한국어·영어 문구와 공식 링크 | content/site.mjs |
| HTML·JSON-LD·언어 메타데이터·사이트맵 생성 | scripts/build.mjs |
| 반응형 레이아웃 | assets/styles.css |
| 모바일 메뉴·키보드 탭 탐색 | assets/main.js |
| 실제 3D 지구 자전 | assets/earth.js |
| 이미지 교체 정보·크기·해시 | assets/media/manifest.json |
index.html, ko/index.html, sitemap.xml은 빌드 결과도 함께 커밋합니다. 문구를 고친 뒤 npm run build를 실행하세요. 개인정보·지원 페이지와 llms.txt는 직접 관리합니다. 버전·목표일을 바꿀 때 FAQ, Pro 안내, llms.txt도 함께 확인하세요.
WebGL 2 구면 렌더링으로 약 16분에 한 바퀴 돌도록 연출합니다. 구름층, 밤빛, 바다 반사, 구름 그림자와 얇은 대기를 합성합니다. 데스크톱은 표면·구름 4K, 작은 화면은 2K 텍스처를 사용합니다. 렌더링 목표는 30fps이며 화면 밀도를 제한합니다.
자전 정지·재생 버튼, 화면 밖/숨겨진 탭에서 중지, 동작 줄이기, WebGL 실패 시 이미지 대체를 지원합니다. 초기 동작 줄이기 설정에서는 3D 텍스처 자체를 받지 않습니다. 이 웹 연출은 실시간 구름이나 네이티브 앱의 렌더 캡처가 아닙니다.
첫 이미지도 같은 WebGL 장면의 시간 0 프레임입니다. 이미지의 실제 CSS 위치와 크기로 3D 구면을 배치하므로 준비가 끝나도 다른 지구로 바뀌지 않습니다. 셰이더나 텍스처를 수정한 경우 미리보기 서버를 실행한 뒤 DTC_HEADFUL=1 node scripts/prepare-earth-poster.mjs와 npm run build로 포스터도 다시 만드세요. 이 캡처는 생성형 이미지가 아니며 같은 지도 라이선스를 따릅니다.
출처: Solar System Scope / INOVE, CC BY 4.0. 원본 해시·변환·라이선스는 assets/earth/credits.json에 보관하며 페이지에도 출처를 표시합니다. 앱 저장소의 기존 지구 텍스처를 웹용으로 변환했고 앱 원본은 변경하지 않았습니다.
| 키 | 현재 대표 파일 | 용도 |
|---|---|---|
earthPoster |
assets/media/earth-first-frame-2048.webp |
동일한 3D 첫 프레임·동작 줄이기·WebGL 대체 |
devicesMockup |
assets/media/devices-studio-1672.webp |
실물 기기 형태의 iPad·iPhone과 예상 UI를 담은 합성 목업 |
scienceArt |
assets/media/science-moon-1254.webp |
선으로 그린 지구 기호를 대체한 달·지구 콘셉트 이미지 |
earthHero |
assets/media/earth-hero-1672.webp |
공유 카드 제작용 생성 원본 |
voyageArt |
assets/media/voyage-saturn-1672.webp |
가상 항해 콘셉트 이미지 |
기기 목업과 우주 콘셉트는 내장 이미지 생성 도구로 제작했습니다. 도구에 모델 선택 필드는 없습니다. 첫 생성 프롬프트는 landing-3.0-image-prompts.json, 이번 실물 기기 목업·달 이미지 프롬프트와 채택 내역은 landing-3.0-refinement-prompts.json에 있습니다. 기존 ipadMockup·iphoneMockup 화면 이미지는 목업 제작과 이후 실제 화면 교체의 참조 원본으로 남겼습니다.
이미지 변환과 추가 QA에만 sharp, playwright, axe-core가 필요합니다. 선택적으로 격리된 폴더에 설치할 수 있습니다.
npm install --prefix .qa --no-save sharp playwright axe-core
export DTC_NODE_MODULES="$PWD/.qa/node_modules"
npx --prefix .qa playwright install chromium webkit
node scripts/prepare-media.mjs devicesMockup /absolute/path/devices-with-actual-screens.png screenshot
npm run build스크립트가 WebP 크기별 파일, srcset 정보와 SHA-256을 갱신합니다. 현재 페이지는 CSS 기기 테두리 없이 기기가 포함된 16:9 이미지 한 장을 표시합니다. 실제 iPad·iPhone 화면을 기기에 합성한 결과로 교체하세요. 두 화면이 모두 실제 캡처일 때만 screenshot으로 지정하면 안내가 실제 앱 화면으로 바뀝니다. 하나라도 예상 UI이면 ui-concept를 유지하세요. content/site.mjs의 한·영 devicesAlt와 관련 FAQ도 함께 갱신합니다. 레이아웃 코드는 유지할 수 있습니다.
공유 이미지 다시 생성: node scripts/social-preview.mjs. 지구 텍스처 다시 변환: node scripts/prepare-earth.mjs /absolute/path/earth-textures.
npm run check
DTC_HEADFUL=1 node scripts/qa-browser.mjs
DTC_HEADFUL=1 node scripts/qa-earth.mjs
DTC_HEADFUL=1 node scripts/qa-landing-refinement.mjs브라우저 검사에는 실행 중인 미리보기 서버가 필요합니다. 선택 패키지 경로는 위의 DTC_NODE_MODULES, 서버 주소는 DTC_PREVIEW_URL로 지정합니다. DTC_HEADFUL=1은 새 테스트 브라우저에서 실제 데스크톱 GPU를 사용하며 검사가 끝나면 닫힙니다. 생략하면 headless로 실행합니다. GPU 검사는 서로 겹치지 않게 순서대로 실행하세요.
3.0은 출시 준비 중이며 지난 목표일을 확정 일정으로 재사용하지 않습니다. 2026년 7월의 Apple 편집 선정 이력은 당시 7월 4일 조사 보고서로 확인했습니다. 미국은 Best New Apps and Updates, 캐나다는 Hot This Week이며 두 지역 모두 iPhone·iPad에 해당합니다. 7월 4일을 최초 선정일로 주장하지 않습니다. 2026-09-24 사용자 승인으로 3.0 소개와 새 글꼴을 운영 사이트에 배포합니다. 검색 색인 요청은 별도입니다.
기기 섹션과 직접 비행 이미지는 assets/screens/의 실제 한·영 앱 캡처를 사용합니다. 이전 생성 목업 파일은 기록으로 보존하지만 해당 섹션에 노출하지 않습니다. 한·영 원문은 content/site.mjs, 선택 이력은 docs/landing-3.0-sources.md, 선택 월계관은 assets/laurel.svg입니다. llms.txt는 이제 빌드 시 본문 FAQ와 Pro 목록에서 생성합니다. 새 스토어 캠페인은 앱 저장소 app-store-screenshots/campaign-3.0.json 및 촬영 provenance를 사용합니다.
main은 기존 Vercel 프로젝트에 연결되어 있습니다. 기존 네이버 인증, 사이트 매니페스트, 루트 아이콘과 Vercel/Google Analytics를 보존합니다. 웹사이트 통계는 앱과 구분하여 개인정보 안내에 명시합니다. 정적 검사 후 main 푸시와 GitHub Production 배포 상태·실제 도메인 readback을 확인합니다.