๐งพ5์ 16์ผ ํ์๋ก - FRONTENDBOOTCAMP-13th/JS-07-7zzang-Arcade GitHub Wiki
โ๏ธ
์ ๋ฆฌ(1) : ์ด์ ํ ์ผ
- ex. ๊ตฌํํ ๊ธฐ๋ฅ, ์์ ํ ์ฝ๋, ์๋ฃ๋ ์์
๋ฑ
- ์ดํธ์ : UI ์์ , ํ๋ ์ด์ด ๋ฐฐ์น, ํ์ ์ฐฝ ๊ตฌํ, ๋ฐฐ๊ฒฝ ๊ทธ๋ผ๋ฐ์ด์
- ํฉ์ ๋น : ์ ๊ณต๊ฒฉ ๊ธฐ๋ฅ ์ ์, ๋ฌด์ ์๊ฐ ์์ฑํ๊ธฐ, ์ด์ ๋ฌดํ ์ ์ดํ๊ธฐ, ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง ์์ง์ด๊ฒ ํ๊ธฐ, UI ์๋ช , ์ ์ ์ ์, ๋ผ์ด๋ ์ด๋ ์ ์ด์ ์์ ๊ธฐ
- ๊น์ง์ : ui ๊ตฌํ, ๋๋๊ทธ ์ด๋ฒคํธ 1์ฐจ
- ๋ฐฐ๋์ด : img ํด๋ ์์ฑ, png ํ์ผ ์ ๋ฆฌ, UI ๊ธฐ๋ฅ ๊ตฌํ
์ ๋ฆฌ(2) : ์ด๋ ค์ ๊ณต์
- Issue Raising โ ๐ง[Troubleshooting](https://www.notion.so/1ee73873401a80088a53eea6138fe6f7?pvs=21)
์ ๋ฆฌ(3): ๋น์ผ ๋ชฉํ ๊ณต์ , ์ฐ์ ์์ ์กฐ์
- ์ดํธ์
- UI ์์ ์ ๋ฆฌ ๋ฐ ํ ์คํธ๋ SCORE๋ง ์ ์ฉํ๊ณ ๋๋จธ์ง ์ด๋ฏธ์ง๋ก ๋์ฒด
- ๊ธฐ๋ฅ ๊ตฌํ
- ํฉ์ ๋น
- ๋ณด์ค ์คํ ์ด์ง ์ ์
- ์ธ๊ฒ์ bgm ์ ์ฉํ๊ธฐ
- UI ๊ธฐ๋ฅ(์ ์, ์๋ช ) ์ ์
- ๋๋จธ์ง UI ์ ์
- ๊น์ง์
- ๋๋๊ทธ ์ด๋ฒคํธ ์์ฑํ๊ธฐ
- ๋๋๊ทธ-์ ์ ์ฐ๊ฒฐํ๊ธฐ
- ๋๋ค์ ์ ๋ ฅ๋ฐ๊ณ ์ ์-์์ ์ฐ๊ฒฐ
- ๋ฐฐ๋์ด
- UI ๊ธฐ๋ฅ ๊ตฌํ ํ ์คํธ
- intro click ์ด๋ฒคํธ ์์ ์ถ๊ฐ
- play ํ๋ฉด mole1,2 ํด๋ฆญ ์ด๋ฒคํธ ์์
- ๋ฉ์ธ bgm [๋ฉ์ธ ํ๋ฉด ๋ฐฐ๊ฒฝ BGM](https://www.notion.so/BGM-1f173873401a8021b830eeb1c17279af?pvs=21) 2025๋
5์ 19์ผ ์ค์ 9:00
- 8๋นํธ ๊ฒ์ ๋ฐฐ๊ฒฝ ์์ (์ ๋น๋ ์ฌ๋ ค์ฃผ์ 3๋ฒ)
- ์ถํ ๊ณ ๋ฏผํด์ 1๊ฐ ๋ ์ฌ๋ฆฌ๊ณ 2๊ฐ ์ค ์ ํํ๊ธฐ!
- 1์ฐจ UI ๋ฌด์กฐ๊ฑด ๋ง๋ฌด๋ฆฌ ํ์ @HJ :) @์ ๋น ํฉ @๋ฐฐ๋์ด
- ์ง์๋ UI ๋
- 18์ผ ~ 19์ผ ์ดํ๋ก ๋ฉ์ธ ์์
๋ง๋ฌด๋ฆฌ
- ์์ ์๋๋ฆฌ์ค ๊ธฐ๋ฐ์ผ๋ก ํ์ ์์
์ ๋ฆฌ @์ ๋น ํฉ
-
๋ฉ์ธ ๋ฐฐ๊ฒฝ ์ด๋ฏธ์ง
-
๋ฉ์ธ ๋ ์ด์์ ์์ โ @HJ :) ์ฑ๊ธฐ๊ธฐ
- ์ผ๊ฐ ๋๋๊ธฐ (๊ฐ ๋ ์ด์์์ ์ด๋ค ํํธ ๋๋ ๊ฑด์ง ๊ณ ๋ฏผ ํ์)
- ์์ ๋๋ ์์ (๊ตฌํ.. ์ด๋ ๊ฒ?)
- UI ํต ์ด๋ฏธ์ง ์ฌ์ฉ
- ์ด๋ ํ๋ฉด zoom-in, zoom-out ํจ๊ณผ ์ ์ฉ
- ๋์ ๋ฃ๊ธฐ + ์๋ฆฌ ํจ๊ณผ (ํจ๊ณผ์ & bgm)
- ๊ฐ์ด๋ฐ ๋ฉ์ธ ํ๋ฉด -> ์์ด์ฝ 4๊ฐ ๋ฃ๊ธฐ
- 4๊ฐ ๊ฐ๊ฐ ํด๋ฆญํ๋ฉด ๊ฐ๋ณ ๊ฒ์ ํ๋ฉด ๋์ด๊ฐ๊ธฐ๊น์ง
HTML: ๊ฒ์ ๊ธฐ๊ณ์ ๊ธฐ๋ณธ ๋ ์ด์์ ๊ตฌ์ฑ CSS: ์ค์ธ/์ค์์ ์ ๋๋ฉ์ด์ ๋ฐ ์คํ์ผ ๊ด๋ฆฌ JavaScript: ํด๋ฆญ ์ด๋ฒคํธ๋ฅผ ์ฒ๋ฆฌํ์ฌ ํ๋ฉด ํ๋ ๊ธฐ๋ฅ ๊ตฌํ
- ๋ฉ์ธ ์์ ํ๊ณ ํ๋ฉด์ ์ธ๊ฒ์ 4๊ฐ ๋ฃ์ด ๋ณผ ๋ 920x600 ๋ค์ ํน์ ๋ฐฐ๊ฒฝ์ ํ์ํ๋ค๋ฉด ํต์ผํ๋ ์์ ํ์ํจ
-
- ์์ ์๋๋ฆฌ์ค ๊ธฐ๋ฐ์ผ๋ก ํ์ ์์
์ ๋ฆฌ @์ ๋น ํฉ
- 17์ผ๊น์ง ์ต๋ํ ๊ธฐ๋ฅ ๊ตฌํ ์งํ
- ๋ฐฐ๊ฒฝ UI ๊ทธ๋ผ๋ฐ์ด์ ์๋ก ์กฐ๊ธ ๊น์์ ์์ ๋ณ๊ฒฝํ๋ ๊ฒ์ผ๋ก ์ ์ง @HJ :)