FEAT: 소개 사이트 첫 버전

[RosieOh]

요약

Lantern IDE 소개 사이트 첫 버전입니다. 스크롤이 에이전트 작업 하나(요청 → 맥락 → 읽기 → 영향 → 격리 → 커밋)를 진행시키고, 뒤의 장면은 Lantern 저장소 자체의 실제 코드 지도입니다. 첫 화면의 주 행동은 운영체제에 맞는 설치 파일 받기입니다.

관련 이슈

Closes #1

변경 내용

• Nuxt 4 정적 생성(/ 한국어, /en/ 영어), GitHub Pages 배포와 배포 후 페이지·CSS 응답 확인
• scripts/export-map.mjs: lantern graph·lantern context로 지도(파일 77개·연결 956개), 맥락 파일(14개, 7,958/8,000 토큰), 영향 반경(query_terms: 직접 4·간접 24·파일 17·위험도 high)을 실제로 계산해 app/data/lantern-map.json에 저장
• CodeMap.vue: 캔버스 2D. 단계마다 맥락(청록)·읽음(점선)·수정(남색)·영향(빨강·주황, 파문)으로 전환. 목표에 닿으면 그리기를 멈추고, 움직임 줄이기에서는 전환 없이 바로 바뀜
• 앱 부품을 옮긴 작업 머리글·입력창·승인 카드(실제 코드 256~265줄과 예시 수정)·저장소 목록
• 받기: 빌드할 때 최신 릴리스(0.1.1)의 설치 파일을 읽음. 게시된 릴리스가 없으면 릴리스 목록으로
• 맥락 적중률(24% → 67%)은 조건과 함께, '아직 못 하는 것' 절
• 설명용으로 만든 데이터(작업 공간 이름, 예시 작업 폴더, 예시 수정)는 '예시'로 표시
• scripts/verify.mjs: 데스크톱(1440)·모바일(390) 절별 캡처와 렌더 색 기준 대비 검사
• README, DESIGN.md(.impeccable/design.json), PRODUCT.md

범위에서 뺀 것

• 데모 영상·GIF: 지도 장면이 그 역할을 하지만, 커뮤니티용 짧은 영상은 따로 만듭니다.
• 도메인: 상표 확인(Lantern IDE 이름의 상표·도메인 확인 lantern#5) 뒤에 붙입니다.
• OG 이미지 전용 제작: 지금은 앱 화면 캡처를 씁니다.

검증

npm run typecheck      # 오류 0
npm run build          # / 와 /en/ 생성, 방향 계약 주석 유지
npm run verify         # ko·en × 데스크톱·모바일

• 글자 대비 부족 0곳, 자바스크립트 오류 0, 가로 넘침 0 (한국어·영어, 데스크톱·모바일)
• impeccable 검사(detect) 지적 0건
• 마무리 검토: 지적 2건(목록 옆 2px 색줄, 예시 표시 누락) 고친 뒤 재검토 통과. 전용 검토 에이전트가 없는 환경이라 같은 대화에서 대체 절차로 진행함
• 사이트에 쓰는 이미지 2장에 출처 기록 (앱 화면 캡처)

리뷰 포인트

• 예시 질문 "한국어 질문을 검색어로 바꾸는 곳에서 중복을 줄여줘"는 엔진이 잘 찾는 질문으로 골랐습니다. 처음 고른 "검색어를 만들 때 할당을 줄여줘"는 엔진이 tokenize.rs를 찾지 못했습니다 (맥락 엔진의 개선 거리로 따로 기록할 만함).