my-switch-database/docs/map.md

파일-화면 매핑 가이드

메인 목록 화면 (/index.html)

• 담당 파일: index.html
• 연결 스크립트: script/nsw.js
• 데이터 소스: db/nsw.resale.db.js
• 주요 UI:
  • 언어 전환(한국어/일본어)
  • 검색 입력
  • 필터(언어 지원, 판매 상태, 에디션, CERO)
  • 정렬 드롭다운
  • 게임 목록 테이블(가격 확인 별, 판매가, 판매 상태, 제품 상태, 지역)
• 사용자 동작:
  • 목록 행 클릭 시 nsw-detail.html?no={게임번호}로 이동

상세 화면 (/nsw-detail.html)

• 담당 파일: nsw-detail.html
• 연결 스크립트: script/nsw-detail.js
• 데이터 소스: db/nsw.resale.db.js
• 주요 UI:
  • 상단 대표 이미지
  • 게임 기본 정보(용량, 플레이 모드, 메이커, 언어, 등급, 출시일)
  • 판매 정보(판매가, 가격 기준, 제품 상태, 가격 확인 여부, 기준일)
• 사용자 동작:
  • URL의 no 값으로 게임을 조회
  • 해당 번호가 없으면 알림 후 목록 페이지로 리다이렉트

데이터 전용 파일

• db/nsw.resale.db.js: 닌텐도 스위치 중고 판매 목록·가격 데이터
• db/nsw.db.js: 레거시 보유 목록 데이터
• db/nsw-sale.db.js: 세일 관련 데이터(현재 화면 연결 없음)
• db/amiibo.db.js: 아미보 관련 데이터(현재 화면 연결 없음)

스타일/리소스

• style/tailwind.css: 공통 스타일
• images/nsw/*: 목록/상세 이미지 리소스