# 파일-화면 매핑 가이드 ## 메인 목록 화면 (`/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/*`: 목록/상세 이미지 리소스