# 파일–화면 매핑 가이드

## 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이 없어 **어느 화면에도 연결되지 않음** |