zenn
9447623ece
실제 확인한 가격은 ⭐로 표시하고, 개봉/미개봉 상태를 목록·상세·DB에 반영했다. Co-authored-by: Cursor <cursoragent@cursor.com>
37 lines
1.4 KiB
Markdown
37 lines
1.4 KiB
Markdown
# 파일-화면 매핑 가이드
|
|
|
|
## 메인 목록 화면 (`/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/*`: 목록/상세 이미지 리소스
|