๊ฐค์์ ๋ณด๊ณ ๊นํ ์ฐพ์๋ดค๋๋ฐ ts์ phaser ์์ง ์ผ๋๋ผ๊ณ
๋๋ ๊ฐ์ ์คํ์ผ๋ก ํด๋ดค๋๋ฐ ์ด๊ฒ ๋ค๋ฅธ๊ฑด ๋ค ์ข์๋ฐ ui๊ฐ ํฌ์
๋ด์ฅ๋ input ํ๋๋ ์๊ณ
ํน์ ์ค๋ธ์ ํธ ๊ธฐ์ค์ผ๋ก ์ ๋ ฌํ๋ค๋์ง,
๋ค๋ฅธ ์ค๋ธ์ ํธ ํฌ๊ธฐ์ ๋ง๊ฒ ์๋์ผ๋ก ๋๋ฆฌ๊ณ ์ค์ด๊ณ ํ๋ ๊ธฐ๋ฅ๋ ์์
๊ทผ๋ฐ ์ด๋ฐ๊ฑฐ ์์ด ui ์์ ์ ํ ์๊ฐ ์์์
๊ทธ๋์ ๋ณดํต์ ui๋ css๋ก ์์ ํ๊ฑฐ๋ ์๋๋ฉด ui plugin์ ์ฐ๊ฑฐ๋
dependency์ ui plugin ์๊ธธ๋ css ์์ผ๋๋ณด๋ค ํ๋ฉด์ ๋ดค๋๋
ํ๋ ์ฝ๋ฉ์ผ๋ก ํฌ๊ธฐ, ์ขํ ํ๋ ํ๋ ๋ค ์ฐ์ด๋จ๋๋ผ;;
๋น์ฅฌ์ผ ์๋ํฐ๊ฐ ์๊ธด ํ๋ฐ ์์จ๋ด์ ์ด๊ฒ ํ๋ ์ฝ๋ฉ์ผ๋ก ์ถ๋ ฅ๋๋๊ฑด์ง ๋ชจ๋ฅด๊ฒ ๋๋ฐ
์๋๋ผ๋ฉด ๊ด๊ธฐ ๊ทธ ์์ฒด๋ค
๋๋ ๊ฐ์ ์คํ์ผ๋ก ํด๋ดค๋๋ฐ ์ด๊ฒ ๋ค๋ฅธ๊ฑด ๋ค ์ข์๋ฐ ui๊ฐ ํฌ์
๋ด์ฅ๋ input ํ๋๋ ์๊ณ
ํน์ ์ค๋ธ์ ํธ ๊ธฐ์ค์ผ๋ก ์ ๋ ฌํ๋ค๋์ง,
๋ค๋ฅธ ์ค๋ธ์ ํธ ํฌ๊ธฐ์ ๋ง๊ฒ ์๋์ผ๋ก ๋๋ฆฌ๊ณ ์ค์ด๊ณ ํ๋ ๊ธฐ๋ฅ๋ ์์
๊ทผ๋ฐ ์ด๋ฐ๊ฑฐ ์์ด ui ์์ ์ ํ ์๊ฐ ์์์
๊ทธ๋์ ๋ณดํต์ ui๋ css๋ก ์์ ํ๊ฑฐ๋ ์๋๋ฉด ui plugin์ ์ฐ๊ฑฐ๋
dependency์ ui plugin ์๊ธธ๋ css ์์ผ๋๋ณด๋ค ํ๋ฉด์ ๋ดค๋๋
ํ๋ ์ฝ๋ฉ์ผ๋ก ํฌ๊ธฐ, ์ขํ ํ๋ ํ๋ ๋ค ์ฐ์ด๋จ๋๋ผ;;
๋น์ฅฌ์ผ ์๋ํฐ๊ฐ ์๊ธด ํ๋ฐ ์์จ๋ด์ ์ด๊ฒ ํ๋ ์ฝ๋ฉ์ผ๋ก ์ถ๋ ฅ๋๋๊ฑด์ง ๋ชจ๋ฅด๊ฒ ๋๋ฐ
์๋๋ผ๋ฉด ๊ด๊ธฐ ๊ทธ ์์ฒด๋ค
์์ํ ํฌ์ฌ์ ์๋ ฅ
์๋ ํฌ์ฌ์ด๋ ๊ทธ๋ฐ๊ฒ์ด๋ค
๊ฐ์ฅ ์์์ ์ธ ํด๊ฒฐ์ฑ .. ๊ธ๊ณ ์ฌ์ค ํฌ์ผ๋ก๊ทธ ํ๋ฉด๋น์จ ๊ณ ์ ์ด๋ผ ๊ทธ๊ฒ ๋ ์ฌ์ธ์๋ ์์
์๋ ์ ๋ค๋ค ๊ทธ๋ ๊ฒ UI ๊ฐ๋ฐํ์ผ๋... ๋ชป ํ ๊ฑด ์๋๊ธด ํจ ใ
phaser์์จ๋ดค๊ณ ์น๊ฐ๋ฐ ๊ฒฝํ ๊ฒ์ด๋ผ ๋ชฐ๋ผ์ ๊ทธ๋ฐ๋ฐ css๋ฉด UI ํธํ๊ฑฐ ์๋๊ฐ์ฉ