๐ฎ ์ ๊ฐ๋จํ Web Games๋ ์ฌ์ ํ ํตํ๋ค (๊ทธ๋ฆฌ๊ณ ๋ด๊ฐ ํ๋ ๋ง๋ค๋ฉด์ ๋ฐฐ์ด ์ )
Source: Dev.to

์ฐ๋ฆฌ๊ฐ ๊ฒ์์ ์๊ฐํ๋ฉด ๋ณต์กํ ๊ทธ๋ํฝ, ๋ฌด๊ฑฐ์ด ์์ง, ๋ฐฉ๋ํ ์ฝ๋๋ฒ ์ด์ค๋ฅผ ๋ ์ฌ๋ฆฌ๊ธฐ ์ฝ์ต๋๋ค.
ํ์ง๋ง ์ง๊ธ๊น์ง ๋ง๋ค์ด์ง ๊ฐ์ฅ ์ค๋
์ฑ ๊ฐํ ๊ฒ์๋ค ์ค ์ผ๋ถ๋ ๋๋ผ์ธ ์ ๋๋ก ๋จ์ํฉ๋๋คโํนํ ์น์์ ๋ง์ด์ฃ .
Wordle, Cookie Clicker, Flappy Bird, A Dark Room ๊ฐ์ ๊ฒ์๋ค์ ๋ณต์กํจ ์์ด๋ ์ฌ์ฉ์๋ฅผ ์ฌ๋ก์ก์ ์ ์์์ ์ฆ๋ช ํฉ๋๋ค. ํ์ํ ๊ฒ์ ํ๋์ ๊ฐ๋ ฌํ ๊ฐ์ ์ ๋๋ค.
๊ฐ๋ฐ์๋ก์ ์ด ์๊ฐ์ ์ ๋ฅผ ์คํํ๊ฒ ๋ง๋ค์๊ณ , ๋ฐ์ด๋ด์ ๋ชฉํ๊ฐ ์๋๋ผ ์ ๋จ์ํ ๊ฒ์์ด ์๋ํ๋์ง ์ดํดํ๊ธฐ ์ํด ์์ ์น ๊ฒ์์ ์ง์ ๋ง๋ค๊ฒ ํ์ต๋๋ค.
What Makes Simple Web Games Addictive?
- Wordle โ ํ๋ฃจ์ ํ ํผ์ฆ. ๊ด๊ณ ์์. ๋ฐฉํด ์์ ์์. โ ํฌ์์ฑ + ๋ฃจํด
- Cookie Clicker โ ํด๋ฆญ๋ง์ผ๋ก๋ ์งํ ์์คํ ์ด ๋ฉ์ถ ์ ์๊ฒ ๋ง๋ ๋ค. โ ์ซ์๊ฐ ์ฌ๋ผ๊ฐ๋ ๊ฒ = ๋ํ๋ฏผ
- Flappy Bird โ ์ค๋ช ์ด ์๋ค. ์์ธํ๊ฒ ์ด๋ ต๋ค. โ ์คํจ ์์ฒด๊ฐ ๊ฒ์ํ๋ ์ด
- A Dark Room โ ์ต์ํ์ UI, ๋ฏธ์คํฐ๋ฆฌ ๊ธฐ๋ฐ ์งํ. โ ์๊ฐ์ ์์๋ณด๋ค ํธ๊ธฐ์ฌ
์ด ๋ชจ๋ ๊ฒ์์ ํ๋์ ์ง๋ฐฐ์ ์ธ ๊ฐ์ ์ ์ง์คํฉ๋๋ค: ์ข์ , ํธ๊ธฐ์ฌ, ์ง์ฐฉ, ํน์ ๋๋ผ์.
My Experiment: Turning Frustration Into a Game
์ด๋ฌํ ํจํด์ ์๊ฐ์ ๋ฐ์ Too Many Buttons๋ผ๋ ์์ ๋ธ๋ผ์ฐ์ ๊ฒ์์ ๋ง๋ค์์ต๋๋ค.
Concept
- ํ๋ฉด์ ๋ฒํผ์ด ๊ฐ๋ ์ฑ์์ง๋ค.
- ์ค์ง ํ๋์ ๋ฒํผ๋ง ์ค์ ๋ก ์๋ํ๋ค.
- ๋ค๋ฅธ ๋ชจ๋ ํด๋ฆญ์ ๊ฐ์ง ์๋ฆผ, ํ๋ฉด ํ๋ค๋ฆผ, ์๋ฆฌ, ๋ฐฉํด ์์ ๋ฑ ํผ๋์ ์ผ์ผํจ๋ค.
์ค๋ช ์ ์์ต๋๋ค. ์๋ชป๋ ํด๋ฆญ์ ์ค์๊ฐ ์๋๋ผ ๊ฒฝํ ์์ฒด์ ๋๋ค. ์ด ์ ๊ทผ๋ฒ์ Flappy Bird์ Getting Over It ๊ฐ์ ๊ฒ์์์ ์๊ฐ์ ๋ฐ์์ผ๋ฉฐ, ํ๋ ์ด์ด๊ฐ ์ข์ ๊ฐ ๋๋ฌธ์ ๊ณ์ ์งํํ๊ฒ ๋ฉ๋๋ค.
๐ ์ฌ๊ธฐ์ ํ๋ ์ดํด ๋ณด์ธ์:
What I Learned While Building It
- ์ข์ ๊ฐ์ ์ฌ๋ฏธ์์ ์ ์๋ค(์ ์งํ ๋). ํ๋ ์ด์ด๋ ์ข์ ๊ฐ์ด ์๋๋ ๊ฒ์ด๊ณ ๋ฒ๊ทธ๊ฐ ์๋๋ผ๋ ๋๋์ ๋ฐ์ ๋ ์ด๋ฅผ ๋ฐ์๋ค์ ๋๋ค.
- ์ค๋ช ์ ์์ ๋ฉด ํํ์ด ๋์ด๋๋ค. ํํ ๋ฆฌ์ผ์ด ์์ผ๋ฉด ์ฌ์ฉ์๋ ๋ ๋ง์ด ์คํํ๊ณ ๋ฐ๊ฒฌ์ ๋ํ ์ฃผ์ธ์์์ ๋๋๋๋ค.
- ํผ๋๋ฐฑ์ด ๊ทธ๋ํฝ๋ณด๋ค ์ค์ํ๋ค. ๊ฐ๋จํ ์๋ฆฌ, ์ ๋๋ฉ์ด์ , ๋ฐ์์ด ํด๋ฆญ์ ์๋ฏธ ์๊ฒ ๋ง๋ค์ด ์ค๋๋ค.
- ๋ฌด๊ฑฐ์ด ๊ฒ์ ์์ง์ด ํ์ํ์ง ์๋ค. ์ด ๊ฒ์์ ๋ค์์ ์ฌ์ฉํด ๋ง๋ค์์ต๋๋ค:
- React
- TypeScript
- CSS
๋จ์ํ ๋๊ตฌ๋ง์ผ๋ก๋ ๋น ๋ฅด๊ฒ ๋ฐฐํฌํ๊ณ ๋ฐ๋ณตํ ์ ์์์ต๋๋ค.
Sharing It & Getting Real Feedback
์น๊ตฌ๋ค๊ณผ ํ ์คํธํ ๋ค Too Many Buttons๋ฅผ Product Hunt์ ๊ณต์ ํด ๋ฏ์ ์ฌ๋๋ค์ ์์งํ ํผ๋๋ฐฑ์ ๋ฐ์์ต๋๋ค.
๊ฒ์์ ์๋ํ๋ค๋ฉด ๋ค์์ ๊ณ ๋ คํด ์ฃผ์ธ์:
- Product Hunt ํ์ด์ง ๋ฐฉ๋ฌธ
- ์ฌ๋ฏธ์์๋์ง, ์ข์ ํ๋์ง, ํผ๋์ค๋ฌ์ ๋์ง ๊ณต์
- ์์๊ฐ ์๋๋ผ ๋๊ธฐ ๋ถ์ฌ๋ฅผ ์ํด ์ง์ฌ์ผ๋ก ์ฆ๊ฒผ๋ค๋ฉด ์ ๋ณดํธํ๊ธฐ
๐ Product Hunt ๋งํฌ: Click Here
๋ชจ๋ ๋๊ธ์ ์๊ฐ๋ณด๋ค ํฐ ๋์์ด ๋ฉ๋๋ค.
Final Thoughts
์น ๊ฒ์์ ์๋ฒฝํ ํ์๊ฐ ์์ต๋๋ค. ํฅ๋ฏธ๋ก์์ผ ํฉ๋๋ค.
๊ฒ์์ด๋ ์ฌ์ด๋ ํ๋ก์ ํธ๋ฅผ ๋ง๋ค๊ณ ์ถ์ ๊ฐ๋ฐ์๋ผ๋ฉด:
- ์๊ฒ ์์ํ๊ธฐ
- ํ๋์ ๊ฐ์ ์ ์ง์คํ๊ธฐ
- ์ผ์ฐ ๋ฐฐํฌํ๊ธฐ
- ์ค์ ์ฌ์ฉ์์๊ฒ์ ๋ฐฐ์ฐ๊ธฐ
๊ทธ๋ฆฌ๊ณ ํผ๋์ค๋ฌ์ด ๋ธ๋ผ์ฐ์ ๊ฒ์์ด ์ฌ๋ฏธ์๋ค๋ฉด, Too Many Buttons๋ฅผ ์ง์ ์๋ํ๊ณ ์๊ฒฌ์ ๋๋ ์ฃผ์ธ์.
Happy building ๐