프로젝트 구조

작은 프로젝트는 열고 이해하고 수정하기 쉽게 유지하고 필요할 때 파일을 나눕니다.

my-game/
├── index.html
├── src/
│   ├── main.js
│   ├── game.js
│   └── styles.css
└── assets/
    ├── images/
    └── audio/

index.html은 진입점, main.js는 초기화·입력, game.js는 상태·업데이트, styles.css는 배치입니다. 이미지와 오디오는 assets에 둡니다.

./assets/images/target.svg 같은 상대 경로를 사용하고 자신의 컴퓨터에만 있는 파일을 참조하지 마세요. 점수·시간·단계를 공통 상태로 관리하고 UI가 표시하게 합니다. 번들러 사용 시 출력과 경로를 확인하세요. 업로드 내용은 준비 가이드에 있습니다.