1. 프로젝트 폴더 구조 정의
2. 화면 구조 정의

1. 프로젝트 폴더 구조 정의

📁index.html

📁 css

| ____ common.css | ____ main.css

📁 js

| ____ app.js

| ____ 📁 submodule

 | ____ dom.js

 | ____ event.js

 | ____ fish.js

 | ____ catch.js

2. 화면 구조 정의(v.1.0)

화면 크기: 뷰포트 기준 60%

화면 높이: 600PX;

화면 위치: 뷰포트 정중앙

인트로

• 제목: 게임의 제목 설정(깊은 바다의 전설)
• 게임시작 버튼: 버튼을 클릭하면 바다스테이지 화면 으로 이동한다.
• 메인 화면 그림: 게임의 주제를 이미지로 나타낸다.

바다 스테이지

• 물고기 버튼
  • 랜덤하게 생성
  • 클릭 시 낚시 모달 창을 띄움
  • 버튼은 하나로만 한다.