
๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ ๊ธฐ์ด
John Ahn
์ด ๊ฐ์๋ฅผ ํตํด์ ๋ฆฌ์กํธ ๋ค์ดํฐ๋ธ๋ฅผ ์ด์ฉํด์ ์ ํ๋ฆฌ์ผ์ด์ ๊ฐ๋ฐ์ ํ ์ ์์ต๋๋ค.
์ด๊ธ
React Native, React, expo
์ด ๊ฐ์๋ฅผ ํตํด์ ์น ๊ฒ์์ ์ด๋ป๊ฒ ๊ฐ๋ฐํด์ผ ํ๋์ง ์ ์ ์์ต๋๋ค.






์ํ ํฌ์๋น์ค
์์ง์๋ค๋ ์ด ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ด์!





์ํ ํฌ์๋น์ค
์์ง์๋ค๋ ์ด ๊ฐ์๋ฅผ ๋ฃ๊ณ ์์ด์!
๋จผ์ ๊ฒฝํํ ์๊ฐ์๋ค์ ํ๊ธฐ
5.0
์์ ๋ ์๊ธฐ ๊ฐ๋ฐ์
js์ ๋ฆฌ์ํธ๋ง ๋ฐฐ์ด์ํ์์ ํฅ๋ฏธ๋ก์ด๊ฒ์ ๋ ๋ฐฐ์ฐ๊ณ ์ถ์ด์ ์ด ๊ฐ์๋ฅผ ์๊ฐํ๊ฒ ๋์๋๋ฐ ์ ๋ง ์ ๊ฐ๋ฅด์น์๊ณ ๋ง์ ๊ฒ์ ์ป๊ณ ๊ฐ๋๋ค ๊ฐ์ฌํฉ๋๋ค.
5.0
seungwan
playcanvas ๊ฐ์ ๋ ์ฐ์ด์ฃผ์ธ์ ~~
5.0
๊น์ธ์
๊ฐ์ฌ๋! ๊ฐ์๋ฅผ ์ฐธ ์ ํ์๋ค์. ์ดํด๊ฐ ์ ๋ผ์ ์ด๋๊ฐ๋ ์ธ๋๊ฐ ์์๊ฑฐ ๊ฐ์์. ๊ฐ์ ๋ฃ๋๊ฒ ์ด๋ ๊ฒ ์ฆ๊ฑฐ์ด ์ผ์ธ์ง๋ ์ค๋๋ง์ ๋๊ปด๋ด ๋๋ค.
๋ฆฌ์กํธ
webgl
game engine
playcanvas
nakama server
์๋ฐ์คํฌ๋ฆฝํธ๋ก ๋ง๋๋ ์น ๊ฒ์!
์น ๊ฒ์์ด ์ฒ์์ด๋ผ๋ ์ผ๋จ ๋ฐ๋ผ์ค์ธ์ ๐ฆพ
์๋กญ๊ณ ๋ฏ์ ๊ฐ๋ฐ์ ํด๋ณด๊ณ ์ถ์ ๋ถ๋ค์ ์ฃผ๋ชฉ! ์ฌ๊ธฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด์ ์น ๊ฒ์์ ๋ง๋ค์ด๋ณผ ์ ์๋ ๊ฐ์๊ฐ ์์ด์. ์น ๊ฒ์์ ์์ฒญ๋๊ฒ ๋ง์ ํธ๋ํฝ์ ์๊ตฌํ๊ณ , ๋ณต์กํ ๋ก์ง์ ์ด์ฉํด์ผ ํ์ฃ . ์น ๊ฒ์์ ๋ง๋ค๋ฉด์ ์ฌ๋ฌ๋ถ์ ๊ฐ๋ฐ ์์ญ์ ๋ํ๋ณด์ธ์.
์ ๋ ์ฝ๋น ํ์ด, ์ ํ ๋ฉํ๋ฒ์ค ๋ฑ์ ๊ฐ๋ฐ ๊ฒฝํ์ ํตํด ๋๊ตฌ๋ ์น ๊ฒ์์ ๋ฐ๋ผ ๋ง๋ค๋ฉฐ ๋ฐฐ์ธ ์ ์๋ ๊ฐ์๋ฅผ ๋ง๋ค๊ณ ์ถ์์ต๋๋ค. ์น ๊ฒ์์ ๋ง๋๋ ๊ณผ์ ์์ ์น ๊ธฐ์ ์ ํ์ฉํ 3D ์์
๋ค์ ์ด๋ป๊ฒ ์ด์ฉํด์ ๊ฒ์์ ๋ง๋๋์ง ๋ฐฐ์ธ ์ ์์ต๋๋ค. ์น ๊ฒ์์ ๋ง๋ค์ด ๋ณธ ๊ฒฝํ์ด ์์ผ์๋๋ผ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฆฌ์กํธ์ ์ต์ํ ๋ถ์ด๋ผ๋ฉด ๊ฐ์๋ฅผ ๋ฐ๋ผ์ค๋ ๋ฐ ํฌ๊ฒ ๋ฌด๋ฆฌ๋ ์์ผ์ค ๊ฑฐ์์.
์ด ๊ธฐ์ ์ ์ค๋ฌด์์ ์ฌ์ฉํด์ ๋ง๋ ์๋น์ค ์์ (์ค์ ํ์คํ ๋ฉ์ธ ๊ฐ๋ฐ์๋ก ์ฐธ์ฌ)
์ฝ๋น ํ์ด
https://www.youtube.com/watch?v=sV1WR0mlXxE
์ ํ ๋ฉํ๋ฒ์ค :
https://www.youtube.com/watch?v=MXSMwHA6pBM
์์ค ์ฝ๋๋ฅผ ํ ์ค์ฉ
ํด์ํ๋ฉด์ ์์ฑ!
์น ๊ฒ์์ด ์ฒ์์ด๋ผ๋
๋ฐ๋ผ์ฌ ์ ์๋ ๊ผผ๊ผผํ ์ค๋ช
!
์๊ฐ์์ ์ดํด๋ฅผ ๋๊ธฐ ์ํ
๋ค์ํ ์๊ฐ ์๋ฃ!
์๋ฐ์คํฌ๋ฆฝํธ๋ก ์น ๊ฐ๋ฐ ์ธ์
๋ค๋ฅธ ๊ฒ๋ ์ฒดํํด๋ณด๊ณ ์ถ์ ๋ถ
์น ๊ฒ์์ ์ด๋ป๊ฒ ๋ง๋ค์ด์ง๋์ง
๊ทธ ๊ณผ์ ์ ์๊ณ ์ถ์ ๋ถ
์น ๊ฒ์ ๊ฐ๋ฐ์ ํด๋ณธ ์ ์์ด์
ํ ์ ์์์ง ๊ณ ๋ฏผํ๋ ๋ถ
์น์ 1. ํ๋ก์ ํธ ๊ตฌ์ฑํ๊ธฐ
์น์
2. React & PlayCanvas ๊ฐ๋จํ ์ ํ๋ฆฌ์ผ์ด์
๊ตฌํ
์น์
3. Nakama Client ์ฐ๋
์น์
4. Nakama Server ์ฐ๋
์น์
5. Multiplayer ์ ์ Spawn ๋ฐ ์์ง์ ์ปจํธ๋กค ํ๊ธฐ
Q. ์น ๊ฒ์ ๊ฐ๋ฐ์ ํ ๋ฒ๋ ์ ํด๋ดค๋๋ฐ ์ด ๊ฐ์๋ฅผ ๋ค์ด๋ ๊ด์ฐฎ์๊น์?
๋ต ๊ด์ฐฎ์ต๋๋ค. ํ์ง๋ง ์๋ฐ์คํฌ๋ฆฝํธ์ ๋ฆฌ์กํธ๊ฐ ์ด๋ ์ ๋ ์ต์ํ ์ํ์ฌ์ผ ๊ฐ์๋ฅผ ๋ฃ๊ธฐ ๋ถํธํจ์ด ์์ ๊ฒ ๊ฐ์ต๋๋ค.
Q. LuaScript๋ ์ฌ์ฉํด๋ณด์ง ์์๋๋ฐ ๊ด์ฐฎ์๊น์?
LuaScript๋ ๋ก๋ธ๋ก์ค, ๋ง์ธํฌ๋ํํธ ๋ฑ ๋ง์ ๊ฒ์ ์ฑ์์ ์ฌ์ฉ๋๋๋ฐ ์๋ฐ์คํฌ๋ฆฝํธ๋ ์ฐ๋ ๋ฐฉ๋ฒ์ด ๋น์ทํฉ๋๋ค. ๊ทธ๋์ ์ฌ์ฉ ๊ฒฝํ์ด ์์ด๋ ์ด ๊ฐ์์์ ์ฑ์ ๊ฐ์ด ๋ง๋ค ๋ ๋ฌธ์ ๊ฐ ์์ ๊ฒ ๊ฐ์ต๋๋ค. ๋ฃจ์ ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ ๋ ์๋ฐ์คํฌ๋ฆฝํธ์ ๋น๊ตํด์ ํ ์ค์ฉ ์ค๋ช ํ๋ฉด์ ์งํํฉ๋๋ค.
ํ์ต ๋์์
๋๊ตฌ์ผ๊น์?
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํด์ ์น๊ฒ์์ ๋ง๋ค๊ณ ์ถ์ผ์ ๋ถ
์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ ๋์ ๋ถ์ผ์์ ์ฌ์ฉํ๊ณ ์ถ์ผ์ ๋ถ
์ ์ ์ง์,
ํ์ํ ๊น์?
javascript
react
85,543
๋ช
์๊ฐ์
2,795
๊ฐ
์๊ฐํ
2,430
๊ฐ
๋ต๋ณ
4.8
์
๊ฐ์ ํ์
20
๊ฐ
๊ฐ์
์๋ ํ์ธ์.
์ฆ๊ฒ๊ฒ ๊ฐ๋ฐํ๊ณ ์๋ ๊ฐ๋ฐ์์ ๋๋ค.
์์ผ๋ก ๋ง์ ๋์์ ๋๋ฆด ์ ์์์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค.
- ๋ฐ๋ผํ๋ฉฐ ๋ฐฐ์ฐ๋ ๋์ปค์ CIํ๊ฒฝ ์ ์
- ์นด์นด์ค ๊ธฐ์
์ ์
๊ณต์ฑ FE ๊ต์์
- ํจ์คํธ์บ ํผ์ค, ๊ตฌ๋ฆ ๊ฐ์ฌ
- ํ๋์๋์ฐจ ๊ฐ๋ฐ ๊ธฐ์
๊ต์ก
- ์ ํ์ํ ๋ฉํ๋ฒ์ค, ์ฝ๋น ํ์ด ํ์คํ ๊ฐ๋ฐ
- ์ฌ๋ฌ ๊ณต๊ณต๊ธฐ๊ด SNS ํ์คํ ๊ฐ๋ฐ
์ ์ฒด
51๊ฐ โ (8์๊ฐ 5๋ถ)
ํด๋น ๊ฐ์์์ ์ ๊ณต:
์ ์ฒด
7๊ฐ
4.0
7๊ฐ์ ์๊ฐํ
์๊ฐํ 22
โ
ํ๊ท ํ์ 5.0
5
js์ ๋ฆฌ์ํธ๋ง ๋ฐฐ์ด์ํ์์ ํฅ๋ฏธ๋ก์ด๊ฒ์ ๋ ๋ฐฐ์ฐ๊ณ ์ถ์ด์ ์ด ๊ฐ์๋ฅผ ์๊ฐํ๊ฒ ๋์๋๋ฐ ์ ๋ง ์ ๊ฐ๋ฅด์น์๊ณ ๋ง์ ๊ฒ์ ์ป๊ณ ๊ฐ๋๋ค ๊ฐ์ฌํฉ๋๋ค.
์๊ธฐ ๊ฐ๋ฐ์๋ ~ ์ข์ ์๊ฐํ ๊ฐ์ฌํฉ๋๋ค.
์๊ฐํ 3
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 8
โ
ํ๊ท ํ์ 5.0
์๊ฐํ 1
โ
ํ๊ท ํ์ 2.0
2
์ค๋ฌด์์ ํ์ํ ์ ๋ณด๊ฐ ์๋ ๊ฐ์ข. 3D ์์ ์ PlayCanvas์์ ํ๊ณ ๋งค๋ฒ ๋ค์ด ๋ฐ์์ React์ ์ฐ๊ฒฐํ๋ค? ์ค๋ฌด์์๋ ์ฌ์ฉํ ์ ์๋ ๋ถ๊ฐ๋ฅํ ๋ฐฉ๋ฒ์ด๋ค. ํผ์์ ์์ ํ๋ ๊ฒ๋ ์๋๊ณ UI์ 3D ์ค๋ธ์ ํธ๊ฐ ๋งค๋ฒ ๋ฐ๋ก ์๋ํ๋ ๊ฒ๋ ์๋๋ค. ์ฐ๊ฒฐ ๊ณผ์ ์ค๋ช ์์๋ ๊ฐ ํ์ผ์ ์ด๋ค ๊ฑด head์์ ์ฐ๊ฒฐํ๊ณ ์ด๋ค ๊ฑด body์์ ์ฐ๊ฒฐํ๋๋ฐ ์ ๊ทธ๋ฐ์ง ์ด๋ฐ ์ค์ํ ์ ๋ณด์ ๋ํ ์ค๋ช ์ ๋๋ฌด ํ์ ํ๊ณ ํ๋ง๋๋ ํ ์ค๋ก ์ค๋ช ํ๊ณ ๋์ด๊ฐ๋ฉด ๋ ๋ถ๋ถ์ ๋ํด์๋ ๋๋ฌด ๊ธธ๊ฒ ์ค๋ช ํด์ ์ง๋ฃจํ๊ณ ์๊ฐ ๋ญ๋น๊ฐ ์ฌํ๋ค.
์๊ฐํ 2
โ
ํ๊ท ํ์ 4.0
3
์ด์ ๊ฐ ํ์ํ ์ค๋ช ์ ๋ํด์๋ ๋ถ์กฑํ ๋๋์ด๊ณ ๋จ์ง ๋ค์ผ๋ฉด์ ๋ฐ๋ผ๊ฐ๊ธฐ์ ๊ธ๊ธํ์ต๋๋ค. ์๋ง ์ค๋ช ์ด ํ์ํ ๋ถ๋ถ์ด ๋๋ฌด๋๋ ๋ง์์ ๊ทธ๊ฒ๋ค์ 8์๊ฐ์ผ๋ก ๋ค ๋ด์๋ด์๊ธฐ๊ฐ ์ ๋งคํ์ จ์๊ฒ ๊ฐ๊ธด ํฉ๋๋ค. ํ์ง๋ง ํฅ๋ฏธ๊ฐ ์๊ธธ๋งํ ๋ด์ฉ์์๋ ํ๋ฆผ์์ด์ ๋์์ง ์์์ต๋๋ค. ๊ฒ์ ๊ตฌํ์ ์ํ playcanvas๋ nakama(server) ์์ ์ ๊ณตํ๋ ๊ธฐ๋ฅ๋ค์ ๋ง์ด ์ฌ์ฉํ๋๋ฐ ์ด๊ฒ๋ค์ด ์ ๋ง ๋ง์ด ํ์ํ์ ๋ถ๋ค์ด ์๋๋ผ๋ฉด ์ถ์ฒ๋๋ฆฌ์ง ์์ต๋๋ค. ์ด ๊ฐ์ ์ธ์๋ ๋ฐ๋ก ํ๊ณ ๋ค์ด์ผ ํ ๊ฒ ๋ ํ์ํ ๋ด์ฉ๋ค์ธ๊ฒ ๊ฐ์์์. ํฅ๋ฏธ ์์ฃผ์ ๋ฐฐ์ธ๊ฑฐ๋ฆฌ๊ฐ ์๋ ์ค๋ฌด์ฉ์๋ ์ ํฉํ์ง ์์ ๊ฒ ๊ฐ๋ค๋ ์๊ฐ์ ๋๋ค.
์ง์๊ณต์ ์๋์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!
๊ฐ์ ๋ถ์ผ์ ๋ค๋ฅธ ๊ฐ์๋ฅผ ๋ง๋๋ณด์ธ์!