ํญ๋ชฉ |
๋ด์ฉ |
ํ๋ก์ ํธ๋ช
|
๐น๏ธ 7์งฑ ์ค๋ฝ์ค - Main Page |
ํ
์คํธ ๊ธฐ๊ฐ |
2025.05.20 ~ 2025.05.22 |
๋ด๋น์ ๋ฐ ํ์ |
ํฉ์ ๋น |
ํ
์คํธ ํ๊ฒฝ |
Windows 11 / macOS Sonoma Chrome 124.0, Edge, Safari ๋ฐ์คํฌํ / ๋
ธํธ๋ถ (FHD ๊ธฐ์ค 1920ร1080) |
-
ํ
์คํธ ๋ชฉ์
- ๋ฉ์ธ ํ๋ฉด(arcade ๋ณธ์ฒด) ๋ฆฌ์ฌ์ด์ฆ & ์ค ์ํ ์ ํ ๊ฒ์ฆ
- ์ฝ์ธ ํฌ์
์ ๋๋ฉ์ด์
๋ฐ BGM ์๋ ์ฌ์(once-only) ๋์ ํ์ธ
- BGM ์๋ ํ ๊ธ(on/off) ๋ฐ ESC ์ธ ์์ญ ํด๋ฆญ ์ ์ด๊ธฐํ ๋์ ํ์ธ
- ๊ฒ์ ์ ํ ์์ด์ฝ ํด๋ฆญ ์
<object>
๋ก๋/์ธ๋ก๋, ์ฌ์ฌ์ฉ ๋ก์ง ๊ฒ์ฆ
-
ํ
์คํธ ๋ฒ์
-
updateMainImgScale()
๋ฅผ ํตํ ํ๋ฉด ๋น์จ ๋ณด์
- ์ฝ์ธ ์ฌ๋กฏ(
.coin-slot
) ํด๋ฆญ โ playCoinAnimation()
ํธ์ถ
- ์ค๋์ค ์์ด์ฝ(
.audio-icon
) ํด๋ฆญ โ toggleBgm()
ํธ์ถ
- ๋ฐฐ๊ฒฝ ์ธ ํด๋ฆญ ๊ฐ์ง โ ์ค ์ถ์ ์ํ๋ก ๋ณต๊ท
- ๊ฒ์ ์์ด์ฝ ์ ํ โ selection ์จ๊น ๋ฐ object ์์ฑ/์ฌํ์ฉ
-
ํ
์คํธ ๋ฐฉ๋ฒ
-
์๋ ํ
์คํธ (ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ํฌํจ)
- ํ๋ฉด ํฌ๊ธฐ ๋ณ๊ฒฝ(resize)์ ๋ฐ๋ฅธ ์ค์ผ์ผ ๋์ ํ์ธ
- ์ฝ์ธ ์ฌ๋กฏ ํด๋ฆญ 1ํ vs. ๋คํ โ BGM ์๋ ์ฌ์ ์ฌ๋ถ ํ์ธ
- ์ค๋์ค ์์ด์ฝ ์ฌ๋ฌ ๋ฒ ํด๋ฆญ โ play/pause ์ ์ ๋์ ํ์ธ
- ์ ํ ์์ด์ฝ ํด๋ฆญ โ iframe(object) ์ ์ ๋ก๋ ๋ฐ
home
๋งํฌ ํด๋ฆญ ์ ๋ณต๊ท
๐ ์ฃผ์ ์ด์ ๋ชฉ๋ก
ID |
ํญ๋ชฉ |
์ฌํ ์กฐ๊ฑด |
์ค์ ๊ฒฐ๊ณผ |
์์ ๊ฒฐ๊ณผ |
์ฌ๊ฐ๋ |
BUG-01 |
BGM ์๋ ์ฌ์ ์ค๋ณต |
์ฝ์ธ ์ฌ๋กฏ ํด๋ฆญ ๋ ๋ฒ์งธ ์ด์ |
์ฒซ ํด๋ฆญ ์ดํ ์ด๋ฏธ ์ฌ์ ์ค์ธ๋ฐ, ๋ ๋ฒ์งธ ํด๋ฆญ ์์๋ coinSound๋ง ์ฌ์๋๊ณ BGM ์ฌ์ ์๋ํจ |
์๋ ์ฌ์์ ์ต์ด 1ํ๋ง, ์ดํ ํด๋ฆญ ์ ์ฝ์ธ ํจ๊ณผ์๋ง ์ฌ์๋์ด์ผ ํจ |
Minor |
BUG-02 |
ํ๋ฉด ๋ฆฌ์ฌ์ด์ฆ ์ transition ๊น๋นก์ |
์ค ์ํ์์ ์ฐฝ ํฌ๊ธฐ ์กฐ์ |
el.style.transition์ด ๋จ์ ์์ด ๋ฆฌ์ฌ์ด์ฆํ ๋๋ 0.8s ์ ๋๋ฉ์ด์
์ด ๋ฐ์ |
๋ฆฌ์ฌ์ด์ฆ ์ ์ฆ์ ์ค์ผ์ผ๋ง ์ ์ฉ, ๋ถํ์ํ transition ์ ๊ฑฐ ํ์ |
Trivial |
BUG-03 |
object ์ฌํ์ฉ ์ ๋ฐ์ดํฐ ํค ๋๋ฝ |
๋์ผ ๊ฒ์ ์์ด์ฝ ์ฐ์ ํด๋ฆญ |
currentObj.dataset.key๊ฐ ๋จ์ ์์ง ์์ผ๋ฉด ์ฌ์์ฑ ๋ก์ง ์ง์
|
์ด๋ฏธ ๋ก๋๋ object๋ ์ฌ์ฌ์ฉ๋์ด์ผ ํจ |
Minor |
3๏ธโฃ ๊ฒฐ๋ก ๋ฐ ๊ฐ์ ์ฌํญ
-
์ฃผ์ ๋ฌธ์ ์์ฝ
- BGM ์๋ ์ฌ์ ๋ก์ง(
coinBgmPlayed
)์ด ๋ ๋ฒ์งธ ํด๋ฆญ ์ดํ์๋ ์ฌ์ ์๋๋ฅผ ํจ
- ์ค ์ถ์/ํ์ฅ ์ ๋๋ฉ์ด์
์ด ๋ฆฌ์ฌ์ด์ฆ ์์๋ ์ ์ฉ๋์ด UX๊ฐ ์ด์
- object ์ฌํ์ฉ ์กฐ๊ฑด ์ฒดํฌ ๋ก์ง์ด ์ผ๋ถ ๋ธ๋ผ์ฐ์ ์์ dataset ๋๋ฝ์ผ๋ก ์ฌ์์ฑ์ผ๋ก ๋น ์ง
-
ํด๊ฒฐ๋ ์ด์
-
coinBgmPlayed
ํ๋๊ทธ ๊ฒ์ฆ ์์น ์กฐ์ ์ผ๋ก ์๋ ์ฌ์ 1ํ ๋ณด์ฅ
- ๋ฆฌ์ฌ์ด์ฆ ํธ๋ค๋ฌ ๋ด
transition
์ ๊ฑฐ ๋๋ isZoomed
์ํ ์ผ๊ด ์ฒดํฌ ์ถ๊ฐ
- object ์์ฑ ๋ก์ง ์ ๋ฐ์
dataset.key
์ด๊ธฐํ/์ ์ง ์ฝ๋ ์ฝ์
-
์ถ๊ฐ ํ
์คํธ ํ์ ์ฌ๋ถ
-
ํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ์ฌ๊ฒ์ฆ: Edge, Safari ๋ฑ์์
dataset
ํธํ์ฑ ํ์ธ
-
์คํธ๋ ์ค ํ
์คํธ: ๋น ๋ฅธ ์ฐ์ ํด๋ฆญ(์ฝ์ธยท์ค๋์ค ์์ด์ฝ) ์ ๋ฉ๋ชจ๋ฆฌ/์ค๋์ค ์ถฉ๋ ์ฌ๋ถ
-
์ ๊ทผ์ฑ ๊ฒ์ฆ: ํค๋ณด๋(ESCยทํญ) ์ด๋ฒคํธ์ ํ๋ฉด ๋ฆฌ๋ ๋์ ์ํธ์์ฉ ํ์ธ
-
ํฅํ ๊ฐ์ ๋ฐฉํฅ
-
๋ชจ๋ํ: ํ๋ฉด ์ค์ผ์ผ๋ง, ์ค๋์ค ๊ด๋ฆฌ, ๊ฒ์ ์ ํ ๋ก์ง์ ๋ณ๋ ํด๋์ค๋ก ๋ถ๋ฆฌ
-
์๋ํ: GitHub Actions ์ฐ๋์ผ๋ก ๋ฆฐํธยท์ ๋ ํ
์คํธยทํฌ๋ก์ค ๋ธ๋ผ์ฐ์ง ๋น๋
-
์ฑ๋ฅ ์ต์ ํ:
requestAnimationFrame
์ฌ์ฉํด ๋ ์ด์์ ์ฐ๋ ์ฑ ์ต์ํ
-
์ฌ์ฉ์ ๊ฒฝํ ํฅ์: ESC ํค ์ธ์๋ UI ๋ฒํผ์ผ๋ก ์ค ํ ๊ธ ๊ธฐ๋ฅ ์ถ๊ฐ