my-amiibo-database/docs/map.md

파일–화면 매핑 가이드

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