34 lines
1.4 KiB
Markdown
34 lines
1.4 KiB
Markdown
# 파일–화면 매핑 가이드
|
|
|
|
## URL·페이지
|
|
|
|
| 브라우저 경로 | 파일 | 설명 |
|
|
|---------------|------|------|
|
|
| `/index.html` 또는 `/` (서버 루트 기준) | `index.html` | 유일한 메인 화면 — 좌측 필터, 우측 아미보 카드 그리드 |
|
|
|
|
## `index.html` 구성 요소
|
|
|
|
| 영역 | DOM / 역할 |
|
|
|------|------------|
|
|
| 제목 링크 | `h1 > a` → `./index.html` 새로고침·홈 |
|
|
| 언어 | `#btn-ko`, `#btn-ja` — 한국어/日本語 전환 |
|
|
| 시리즈 필터 | `#series-options` 안에 동적 체크박스 |
|
|
| 상태 필터 | `#status-options` 안에 동적 체크박스 |
|
|
| 필터 초기화 | `#resetFilter` |
|
|
| 무작위 표시 | `#shuffle` — DB 전체 셔플(필터와 별개 동작) |
|
|
| 건수 | `#amiibo-count` — 필터 결과 개수 |
|
|
| 목록 | `#amiibo-list` — 카드(`li`) 단위로 이미지·제목·시리즈·상태 표시 |
|
|
|
|
## 스크립트·데이터 연결
|
|
|
|
| 파일 | 역할 |
|
|
|------|------|
|
|
| `index.html` 하단 `<script type="module">` | 화면 전체 로직(필터, 렌더, 언어, 셔플) |
|
|
| `db/amiibo.db.js` | 아미보 배열 데이터 — `index.html`에서 `import` |
|
|
|
|
## 현재 미연결 파일
|
|
|
|
| 파일 | 비고 |
|
|
|------|------|
|
|
| `script/amiibo.js` | `DOMContentLoaded`, `gameList` 등 **다른 HTML 구조**를 전제로 한 코드. 현재 레포에는 해당 HTML이 없어 **어느 화면에도 연결되지 않음** |
|