์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

React Native with Expo: ์ œ๋กœ์ดˆ์—๊ฒŒ ์ œ๋Œ€๋กœ ๋ฐฐ์šฐ๊ธฐ

์›น ๊ฐœ๋ฐœ์ž๊ฐ€(ํŠนํžˆ React ๊ฐœ๋ฐœ์ž๋ผ๋ฉด) ์ •๋ง ์†์‰ฝ๊ฒŒ ์•ฑ์„ ์ถœ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ์‹œ๋Œ€๊ฐ€ ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Expo์™€ ํ•จ๊ป˜๋ผ๋ฉด ๋”๋”์šฑ ๋น ๋ฅด๊ฒŒ Android์™€ iOS ์•ฑ ๋ชจ๋‘๋ฅผ ์ถœ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. Expo๋ฅผ ํ†ตํ•ด ๋น ๋ฅด๊ฒŒ ์•ฑ๊นŒ์ง€ ์ถœ์‹œํ•  ์ˆ˜ ์žˆ๋Š” ๊ฐœ๋ฐœ์ž๊ฐ€ ๋˜์–ด๋ด…์‹œ๋‹ค.

(4.8) ์ˆ˜๊ฐ•ํ‰ 57๊ฐœ

์ˆ˜๊ฐ•์ƒ 725๋ช…

๋‚œ์ด๋„ ์ดˆ๊ธ‰

์ˆ˜๊ฐ•๊ธฐํ•œ ๋ฌด์ œํ•œ

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

๋จผ์ € ๊ฒฝํ—˜ํ•œ ์ˆ˜๊ฐ•์ƒ๋“ค์˜ ํ›„๊ธฐ

4.8

5.0

shin jiun

98% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์ œ๋กœ์ดˆ๋‹˜ ๋ฐฐ๋‹ฌ์•ฑ ํด๋ก ์ฝ”๋”ฉ ๊ฐ•์˜๋กœ RN์— ์ž…๋ฌธํ•ด์„œ ํ˜„์—…์—์„œ RN, Expo๋กœ ์•ฑ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋Š” ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด RN๊ฐ•์˜๋Š” cli๊ธฐ๋ฐ˜์˜ ๊ฐ•์ด์˜€๋‹ค๋ฉด ์ด๋ฒˆ ๊ฐ•์˜๋Š” RN์—์„œ Next.js์˜ ์—ญํ• ์„ ํ•˜๊ณ  ์žˆ๋Š” Expo๋ผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ ๊ทน ํ™œ์šฉํ•˜๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด ๋ฐฐ๋‹ฌ์•ฑ ํด๋ก  ๊ฐ•์˜๋„ RN๊ฐœ๋ฐœ์— ํ•„์ˆ˜์ ์ธ ๋ถ€๋ถ„๋“ค์„ ๋ชจ๋‘ ๋‹ด๊ณ  ์žˆ์—ˆ์ง€๋งŒ ์ด๋ฒˆ ๊ฐ•์˜๋Š” Expo๊ฐ€ ์—…๋ฐ์ดํŠธ ๋˜๋ฉด์„œ ๋ณ€๊ฒฝ ๋œ ๋ถ€๋ถ„๋“ค์„ ๋ชจ๋‘ ์ƒ์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…”์„œ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ํƒ€ ๊ฐ•์˜๋Š” Expo Go๋ฅผ ํ™œ์šฉํ•ด์„œ RN์„ ๊ฒ‰ํ• ๊ธฐ ํ•˜๋Š” ๋А๋‚Œ์ด์˜€๋Š”๋ฐ ์ œ๋กœ์ดˆ๋‹˜ ๊ฐ•์˜๋Š” development build๋ฅผ ํ™œ์šฉํ•ด์„œ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊นŒ์ง€ ์‚ฌ์šฉํ•˜์—ฌ ํ˜„์—…์—์„œ ํ•„์š”ํ•œ RN, Expo ์ง€์‹์„ ๋ชจ๋‘ ์•Œ๋ ค์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์— Expo๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ์ง€๋งŒ ์• ๋งคํ•˜๊ฒŒ ์•Œ๊ณ ์žˆ๋Š” ๋ถ€๋ถ„๋“ค๊นŒ์ง€ ๋ช…ํ™•ํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๋ค์œผ๋กœ ์ œ๋กœ์ดˆ๋‹˜์ด Cursor๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ชจ์Šต์„ ๋ณผ ์ˆ˜ ์žˆ์–ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. Expo๋Š” ๋„ˆ๋ฌด ํŽธ๋ฆฌํ•˜๊ณ  ์ข‹์€ ํ”„๋ ˆ์ž„์›Œํฌ์ด์ง€๋งŒ ์ง„์ž…์žฅ๋ฒฝ์ด ์žˆ์–ด ๋„์ž…ํ•˜๊ธฐ ์–ด๋ ค์šด ๋А๋‚Œ์ด ์žˆ๋Š”๋ฐ ์ด ๊ฐ•์˜๋ฅผ ๊ณ„๊ธฐ๋กœ ์‹ ๊ทœ ํ”„๋กœ์ ํŠธ๋Š” Expo๋กœ ์‹œ์ž‘ํ•˜๋Š”๊ฒŒ ์ข‹๋‹ค๋ผ๋Š” ์ธ์‹์ด ๋งŽ์ด ํผ์ง€๊ฒŒ ๋˜๋ฉด ์ข‹์„๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

5.0

0S

100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

[ ์ˆ˜๊ฐ•ํ‰ ] 1. ํƒ์›”ํ•œ ๋ชฉ์†Œ๋ฆฌ์™€ '์ œ๋กœ์ดˆ' ๋ผ๋Š” ๋ธŒ๋žœ๋“œ์˜ ๋ฏฟ์Œ : ์ œ๋กœ์ดˆ๋‹˜ ๋ชฉ์†Œ๋ฆฌ๊ฐ€ ๋„ˆ๋ฌด ์ข‹๋‹ค. 2. ์šฐ๋‹นํƒ•ํƒ• ๊ฐ•์˜ : ๊ฐ•์˜ ๋”ฐ๋ผํ•˜๋‹ค๊ฐ€ ์ฝ”๋“œ๊ฐ€ ์—‰์ผœ๋ฒ„๋ ค์„œ ๊ฐ•์˜ ํƒ“ ํ–ˆ๋Š”๋ฐ... ์ด๊ฑธ ํ˜ผ์ž์„œ ๋ช‡์‹œ๊ฐ„ ๋™๋™ ์•“๋‹ค๊ฐ€ ํ•ด๊ฒฐํ•œ ํ›„, ๋‹ค์Œ ๊ฐ•์˜๋ฅผ ๋ณด๋ฉด ์•„๋งˆ ์—ฌ๊ธฐ์„œ ํ—ค๋ฉจ์„๊ฑฐ๋ผ๋ฉฐ ๋‹ค์‹œ ์•Œ๋ ค์ฃผ๋Š”๋ฐ ์‹ค์ˆ˜ ์กฐ์ฐจ ์˜๋„ํ•œ ๊ทธ๋Š” ๋Œ€์ฒด... 3. AI ์‹œ์ฆˆ๋‹ : ์ปค์„œ๋ฅผ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜์‹ ๋‹ค๊ณ  ํ–ˆ๋Š”๋ฐ, ๊ฒฐ๊ตญ ๋ณธ์ธ์ด ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๋‹คํ•˜์‹ฌ. ์œ ํŠœ๋ธŒ์—์„œ ์กฐ์ฐจ๋„ AI๊ฐ€ ๋‹คํ•ด์ค€๋‹คํ•˜๋Š”๋ฐ... ์ •์ž‘ ์ž๊ธฐ ์ตœ์‹  ๊ฐ•์˜์—์„œ๋Š” AI๋ฅผ ํฌ๊ฒŒ ํ™œ์šฉ ์•ˆํ•˜์‹ฌ. ์ฆ‰, ์ˆœ์ˆ˜ํ•˜๊ฒŒ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Œ. ( ์†”์งํžˆ ๋ฐ”์ด๋ธŒ ์ฝ”๋”ฉ ๋А๋‚Œ์œผ๋กœ ํ•˜์…จ์œผ๋ฉด ๋‹น์žฅ ํ™˜๋ถˆํ–ˆ์Œ ) ๊ฒฐ๋ก  : ๋‹ค์Œ ๊ฐ•์˜๋„ ๊ธฐ๋Œ€ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

5.0

์ •์ง€์›

30% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

์ œ๋กœ์ดˆ๋‹˜ React Native ๊ฐ•์˜ ํ•œ๋‹ค๊ณ  ํ•˜์…”์„œ ๋ฐ”๋กœ ์นผ๊ฐ™์ด ๊ฒฐ์ œํ•˜๊ณ  ์—ด์‹ฌํžˆ ๋“ฃ๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ๋‚ด์šฉ๋งŒ ์„ค๋ช…ํ•ด์ฃผ์‹œ๊ณ , ํ”ผ๋“œ๋ฐฑ๋„ ๋น ๋ฅด์…”์„œ ์ข‹์Šต๋‹ˆ๋‹ค. ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. :)

์ˆ˜๊ฐ• ํ›„ ์ด๋Ÿฐ๊ฑธ ์–ป์„ ์ˆ˜ ์žˆ์–ด์š”

  • Expo๋กœ ์•ฑ ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด๋ณด๊ธฐ

  • Expo์˜ ์˜์—ญ๊ณผ Native ์˜์—ญ์˜ ์ฐจ์ด ๊ตฌ๋ถ„ํ•˜๊ธฐ

  • ๋น ๋ฅด๊ฒŒ ์•ฑ ์ถœ์‹œํ•˜๊ธฐ

  • ์ถœ์‹œ ํ›„ ์‹ฌ์‚ฌ ์—†์ด ์•ฑ ์—…๋ฐ์ดํŠธํ•˜๊ธฐ

์—ฌ๋Ÿฌ๋ถ„์ด React ๊ฐœ๋ฐœ์ž๋ผ๋ฉด ์—ฌ๋Ÿฌ๋ถ„์€ ์ด๋ฏธ ์•ฑ ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค ๐Ÿš€

React๋งŒ ์•Œ๊ณ  ์žˆ์–ด๋„ Android์™€ iOS ์•ฑ์„ ๋™์‹œ์— ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์‹œ๋Œ€๊ฐ€ ์™”์Šต๋‹ˆ๋‹ค. Expo๋Š” ๋ณต์žกํ•œ ๋„ค์ดํ‹ฐ๋ธŒ ์„ค์ • ์—†์ด, ์›น ๊ฐœ๋ฐœ์ž๋„ ์†์‰ฝ๊ฒŒ ์•ฑ์„ ๋งŒ๋“ค๊ณ  ๋ฐฐํฌํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋„์™€์ค๋‹ˆ๋‹ค. ํŠนํžˆ ์ถœ์‹œ ์†๋„๊ฐ€ ์ค‘์š”ํ•œ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋‚˜ MVP ๊ฐœ๋ฐœ์— ์ตœ์ ํ™”๋œ ๋„๊ตฌ์ž…๋‹ˆ๋‹ค. 1์ธ ๊ฐœ๋ฐœ์ž๋ผ๋ฉด Expo๋ฅผ ๋ฐฐ์›Œ๋†“๋Š”๋‹ค๋ฉด ์•ฑ ๊ฐœ๋ฐœ ์™ธ์ฃผ๊นŒ์ง€ ๋ฐ›์œผ์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๊ฐ•์˜์—์„œ๋Š” Expo์˜ ๊ธฐ๋ณธ๋ถ€ํ„ฐ ์•ฑ ์ถœ์‹œ, ์—…๋ฐ์ดํŠธ๊นŒ์ง€ ์‹ค์Šต ์œ„์ฃผ๋กœ ๋‹ค๋ฃจ๋ฉฐ, ์—ฌ๋Ÿฌ๋ถ„์ด ๊ฐ€์ง„ React ์‹ค๋ ฅ์„ ์•ฑ ๊ฐœ๋ฐœ๋กœ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํ™•์žฅํ•  ์ˆ˜ ์žˆ๋„๋ก ์ด๋Œ์–ด๋“œ๋ฆฝ๋‹ˆ๋‹ค.

React Native ํ•œ๋ฌผ๊ฐ„ ๊ฒƒ ์•„๋‹Œ๊ฐ€์š”? Flutter๊ฐ€ ๋‚ซ์ง€ ์•Š๋‚˜์š”? ๐Ÿค”

์ด ์งˆ๋ฌธ ์ •๋ง ์ž์ฃผ ๋“ฃ์Šต๋‹ˆ๋‹ค. ๋„ค, Flutter๋Š” ๋ถ„๋ช…ํžˆ ์ธ๊ธฐ ์žˆ๊ณ  ์™„์„ฑ๋„ ๋†’์€ ํ”„๋ ˆ์ž„์›Œํฌ์ž…๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด๋ฏธ React๋ฅผ ์•Œ๊ณ  ์žˆ๋‹ค๋ฉด? ์–˜๊ธฐ๊ฐ€ ์™„์ „ํžˆ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ๊ตณ์ด ์ƒˆ๋กœ์šด ์–ธ์–ด(Dart)๋ฅผ ๋ฐฐ์šฐ๊ณ , ์ƒˆ๋กœ์šด ์ƒํƒœ๊ณ„๋ฅผ ์ตํžˆ์ง€ ์•Š์•„๋„ ๋ฉ๋‹ˆ๋‹ค. Expo์™€ React Native ์กฐํ•ฉ์ด๋ผ๋ฉด ์›น ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ฐ”๋กœ ์•ฑ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์„ค์ •๋„ ํ›จ์”ฌ ๋‹จ์ˆœํ•˜๊ณ , JS/TS ๊ธฐ๋ฐ˜์ด๋ผ ์ƒ์‚ฐ์„ฑ๋„ ๋›ฐ์–ด๋‚ฉ๋‹ˆ๋‹ค. ํŠนํžˆ ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋‚˜ MVP, 1์ธ ๊ฐœ๋ฐœ์—์„  ์†๋„์™€ ์ถœ์‹œ ํŽธ์˜์„ฑ ๋ฉด์—์„œ Expo๊ฐ€ ๊ฐ€์ง„ ์ด์ ์ด ๋ถ„๋ช…ํ•ฉ๋‹ˆ๋‹ค. Flutter๋„ ์ข‹๋‹ค๋Š” ๊ฑธ ์ธ์ •ํ•˜์ง€๋งŒ, React ๊ฐœ๋ฐœ์ž์—๊ฒ Expo๊ฐ€ ํ›จ์”ฌ โ€˜ํ•ฉ๋ฆฌ์ ์ธ ์„ ํƒโ€™์ด ๋  ์ˆ˜ ์žˆ๋‹ค๋Š” ๊ฑธ ์•Œ๋ ค๋“œ๋ฆฌ๊ณ  ์‹ถ์Šต๋‹ˆ๋‹ค.

์ด ๊ฐ•์˜์˜ ํŠน์ง•

๐Ÿ“Œ ์ฆ‰์‹œ ์‹คํ–‰ ๊ฐ€๋Šฅํ•œ ์‹ค์Šต ์ค‘์‹ฌ: ์ฝ”๋“œ ๋”ฐ๋ผ ์“ฐ๊ธฐ๋ณด๋‹ค๋Š”, ์ง์ ‘ ์•ฑ์„ ๋งŒ๋“ค์–ด๋ณด๋Š” ๋ฐ ์ง‘์ค‘ํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“Œ ๋น ๋ฅธ ์•ฑ ์ถœ์‹œ: Expo๋ฅผ ํ™œ์šฉํ•ด ๋น ๋ฅด๊ฒŒ ์•ฑ์„ ๊ฐœ๋ฐœํ•˜๊ณ , Android/iOS์— ๋™์‹œ์— ๋ฐฐํฌํ•˜๋Š” ๊ณผ์ •์„ ๋ฐฐ์›๋‹ˆ๋‹ค.

๐Ÿ“Œ ์‹ค๋ฌด ๊ฒฝํ—˜ ๊ธฐ๋ฐ˜ ๊ฐ•์˜: ํ˜„์—…์—์„œ ์‹ค์ œ React Native, Expo ์•ฑ์„ ์šด์˜ํ–ˆ๋˜ ๊ฒฝํ—˜์„ ๋ฐ”ํƒ•์œผ๋กœ ์‹ค๋ฌด์—์„œ ์ƒ๊ธธ ์ˆ˜ ์žˆ๋Š” ๊ฐ์ข… ์˜ค๋ฅ˜์— ๋Œ€ํ•ด ์•ˆ๋‚ดํ•ฉ๋‹ˆ๋‹ค.

๐Ÿ“Œ ๋ฆฌ์•กํŠธ๋งŒ ํ•  ์ค„ ์•Œ๋ฉด ๋ˆ„๊ตฌ๋‚˜: ์•ฑ์„ ๋‚ผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ์ง„ํ–‰๋˜์ง€๋งŒ ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๋ชจ๋ฅด๋Š” ๋ถ€๋ถ„์€ ์•Œ๋ ค๋“œ๋ ค์š”.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜ ์ถ”์ฒœํ•ด์š”

์›น์€ ์ด์ œ ํ•  ์ค„ ์•„๋Š”๋ฐ ์•ฑ๋„ ํ•œ ๋ฒˆ ๋งŒ๋“ค์–ด๋ณด๊ณ  ์‹ถ์–ด์š”.

React ๊ฐœ๋ฐœ์ž๋กœ ์›น์€ ์ต์ˆ™ํ•œ๋ฐ ์•ฑ์€ ๋‚ฏ์„  ๋ถ„/1์ธ๊ฐœ๋ฐœ์ž๋กœ์„œ ๊ธฐ์ˆ  ์Šคํƒ์„ ๋Š˜๋ฆฌ๊ณ  ์‹ถ์€ ๋ถ„ -์ด์ œ ์•ฑ ์™ธ์ฃผ๋„ ๊ฐ€๋Šฅ!

๊ธฐ์กด์— ์›น์ด ์žˆ๋Š” ์„œ๋น„์Šค์— ์•ฑ๋„ ์ถœ์‹œํ•˜๊ณ  ์‹ถ์–ด์š”.
์›น ์„œ๋น„์Šค ๋””์ž์ธ ๊ทธ๋Œ€๋กœ ์•ฑ์œผ๋กœ ์ถœ์‹œํ•˜๊ณ  ์‹ถ์€ ๋ถ„. ๋‹จ์ˆœํžˆ ์›น๋ทฐ๋ฅผ ์”Œ์šฐ๊ธฐ์—๋Š” ๋„ค์ดํ‹ฐ๋ธŒ ๊ธฐ๋Šฅ์ด ์กฐ๊ธˆ ํ•„์š”ํ•œ ๋ถ„

์•ฑ์„ ์ถœ์‹œํ•˜๊ณ  ์‹ถ์€๋ฐ Android, iOS ๋”ฐ๋กœ ๋งŒ๋“ค์–ด์•ผ ํ•ด์„œ ๋ถ€๋‹ด๋ผ์š”.
ํ•˜๋‚˜์˜ ์–ธ์–ด๋กœ ๋‘ ์•ฑ์„ ๋ชจ๋‘(์‹ฌ์ง€์–ด ์›น๊นŒ์ง€๋„ ๊ฐ€๋Šฅ!) ์ถœ์‹œํ•˜๊ณ  ์‹ถ์€ ๋ถ„

์ˆ˜๊ฐ• ํ›„์—๋Š”

  • Android์™€ iOS ์•ฑ์„ ์ง์ ‘ ๋งŒ๋“ค๊ณ  ์ถœ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค

  • ์›น ๊ฐœ๋ฐœ์ž์—์„œ ์•ฑ ๊ฐœ๋ฐœ์ž๋กœ ์ž์—ฐ์Šค๋Ÿฝ๊ฒŒ ํ™•์žฅ๋ฉ๋‹ˆ๋‹ค

  • ํ•„์š”ํ•˜๋‹ค๋ฉด Native๋‹จ๋„ ๊ฑด๋“ค ์ˆ˜ ์žˆ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค(์–ธ์–ด๋Š” ๋ณ„๋„ ํ•™์Šต ํ•„์š”)

  • ์•ฑ์Šคํ† ์–ด ์‹ฌ์‚ฌ ์—†์ด ์•ฑ์„ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ๊ฒŒ ๋ฉ๋‹ˆ๋‹ค

  • ์‚ฌ์ด๋“œ ํ”„๋กœ์ ํŠธ๋‚˜ MVP ์•ฑ์„ ๋น ๋ฅด๊ฒŒ ์™„์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์ž์‹ ๊ฐ์ด ์ƒ๊น๋‹ˆ๋‹ค

์ด๋Ÿฐ ๋‚ด์šฉ์„ ๋ฐฐ์›Œ์š”.

๋‚ด๋น„๊ฒŒ์ด์…˜ ๋š๋”ฑ!

Next.js์™€ ์œ ์‚ฌํ•œ ํŒŒ์ผ ๋ผ์šฐํ„ฐ๋ผ์„œ ์‰ฝ๊ฒŒ ์ตํž ์ˆ˜ ์žˆ์–ด์š”. ํƒญ, ์Šคํƒ, ์Šค์™€์ดํ”„ ๋ผ์šฐํ„ฐ ๋ชจ๋‘ ๋ฐฐ์›Œ๋ด…์‹œ๋‹ค.

์ œ์Šค์ฒ˜ ๊ธฐ๋ฐ˜ ์• ๋‹ˆ๋ฉ”์ด์…˜๋„ ๋š๋”ฑ!

์•ฑ์ด๋ฉด ์œ ์ €์™€์˜ ์ƒํ˜ธ ์ž‘์šฉ์ด ๋งŽ์€๋ฐ react-native-reanimated์™€ react-native-gesture-handler๋กœ ์ฒ˜๋ฆฌํ•ด๋ด…์‹œ๋‹ค.

์ด๋ฏธ์ง€ ์—…๋กœ๋“œ, ์œ„์น˜ ์ •๋ณด๋„ ๋š๋”ฑ!

Expo์—์„œ ๊ด€๋ จ ๊ธฐ๋Šฅ๋“ค์„ ๋‹ค ์ œ๊ณตํ•ด์„œ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์š”. ๋”๋ฏธ ๋ฐ์ดํ„ฐ๋Š” miragejs๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์„œ๋ฒ„ ์—†์ด๋„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์–ด์š”. ๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž ๊ธฐ๋‹ค๋ฆฌ์ง€ ๋ง๊ณ  ํ”„๋ก ํŠธ์—์„œ ๋จผ์ € ๋‹ค ํ•ด๋ฒ„๋ฆฝ์‹œ๋‹ค!

๋ฐฐํฌ ํ›„์— ์•ฑ์Šคํ† ์–ด ์‹ฌ์‚ฌ ์—†์ด ์—…๋ฐ์ดํŠธ!

๊ธด๊ธ‰ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋Š”๋ฐ ํ•˜์—ผ์—†์ด ์‹ฌ์‚ฌ๋ฅผ ๊ธฐ๋‹ค๋ฆด ์ˆ˜๋งŒ์€ ์—†์ฃ ! Expo์—์„œ ์ œ๊ณตํ•˜๋Š” EAS Update๋กœ ์‹ฌ์‚ฌ ์—†์ด ์•ฑ์„ ์›๊ฒฉ ์—…๋ฐ์ดํŠธ ํ•ด๋ด…์‹œ๋‹ค. (์ฐธ๊ณ ๋กœ ๋‹คํฌ๋ชจ๋“œ๋„ ๋ฐฐ์›Œ์š” ใ…Žใ…Ž)

์ˆ˜๊ฐ• ์ „ ์ฐธ๊ณ  ์‚ฌํ•ญ

์‹ค์Šต ํ™˜๊ฒฝ

  • ๊ฐ•์˜๋Š” windows 11์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. iOS ์•ฑ์„ ์ถœ์‹œํ•˜๋ ค๋ฉด macOS๊ฐ€ ํ•„์ˆ˜์ž…๋‹ˆ๋‹ค.

  • cursor IDE๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. visual studio code์™€ ๋™์ผํ•œ ํ™˜๊ฒฝ์ด๋‹ˆ vs code๋กœ ์ง„ํ–‰ํ•˜์…”๋„ ๋ฉ๋‹ˆ๋‹ค.

  • Expo SDK 53, React Native 0.79, Node 22๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ ์ด์ƒ์˜ ๋ฒ„์ „์—์„œ๋„ ํ˜ธํ™˜๋ฉ๋‹ˆ๋‹ค.

ํ•™์Šต ์ž๋ฃŒ

์„ ์ˆ˜ ์ง€์‹ ๋ฐ ์œ ์˜์‚ฌํ•ญ

  • ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, React ๊ธฐ๋ณธ ์ง€์‹

  • ์›น ์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ค์–ด๋ณธ ๊ฒฝํ—˜(css flex ๋งŽ์ด ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค)

  • ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ๋กœ ๊ฐ•์˜๊ฐ€ ์ง„ํ–‰๋˜๋‚˜ ์ค‘์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋ฌด์Šจ ํƒ€์ž…์ด ํ•„์š”ํ•œ์ง€ ์•Œ๋ ค๋“œ๋ ค์š”.

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • ์›น ๊ฐœ๋ฐœ์ž์ธ๋ฐ ์•ฑ์ชฝ์œผ๋กœ ์Šคํ‚ฌ์„ ํ™•์žฅํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ๋น ๋ฅด๊ฒŒ ์•ˆ๋“œ๋กœ์ด๋“œ, iOS ์•ฑ์„ ๋ชจ๋‘ ์ถœ์‹œํ•˜๊ณ  ์‹ถ์œผ์‹  ๋ถ„

  • ์ผ์ธ ๊ฐœ๋ฐœ์ž๋กœ ์›น๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์•ฑ ์™ธ์ฃผ๋„ ๋ฐ›๊ณ  ์‹ถ์œผ์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • React

  • JavaScript

์•ˆ๋…•ํ•˜์„ธ์š”
์ œ๋กœ์ดˆ(์กฐํ˜„์˜)์ž…๋‹ˆ๋‹ค.

67,369

๋ช…

์ˆ˜๊ฐ•์ƒ

1,726

๊ฐœ

์ˆ˜๊ฐ•ํ‰

9,762

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

25

๊ฐœ

๊ฐ•์˜

์ œ ๊ฐ•์˜์˜ ์žฅ์ ์€ Q&A์ž…๋‹ˆ๋‹ค(์ธํ”„๋Ÿฐ ๋‹ต๋ณ€์™• 2ํšŒ ์ˆ˜์ƒ). 24์‹œ๊ฐ„ ์ด๋‚ด์— ์ตœ๋Œ€ํ•œ ๋‹ต๋ณ€๋“œ๋ฆฝ๋‹ˆ๋‹ค! ๊ฐ™์ด ๊ณ ๋ฏผํ•œ๋‹ค๋Š” ๋А๋‚Œ์œผ๋กœ ๋‹ต๋ณ€ ๋“œ๋ฆด๊ฒŒ์š”!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! Youโ€™ll feel like weโ€™re solving the problems together.

๐Ÿ‘‰ZeroCho Lectures
์ œ๋กœ์ดˆ ๊ฐ•์˜ ์ „์ฒด ๋กœ๋“œ๋งต. A complete roadmap of all my courses is available here.

โ€“ Node.js๊ต๊ณผ์„œ, ์ฝ”๋”ฉ์ž์œจํ•™์Šต ์ œ๋กœ์ดˆ์˜ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, Let's Get IT ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ, ํƒ€์ž…์Šคํฌ๋ฆฝํŠธ ๊ต๊ณผ์„œ ์ €์ž 
โ€“ ZeroCho.com ์šด์˜์ž
โ€“ ํ˜„) ์œ ํŠœ๋ธŒ์—์„œ ZeroCho TV๋กœ ๊ฐœ๋ฐœ ๊ด€๋ จ ๋ฐฉ์†ก์ค‘ 
โ€“ ์ „) ์Šค๋ชจ์–ดํ†ก CTO 
โ€“ ์ „) ์˜ค๋Š˜์˜ํ”ฝ์—… CTO(์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ์— ์—‘์‹ฏ ํ›„ ์นด์นด์˜ค๋ชจ๋นŒ๋ฆฌํ‹ฐ ์ตœ์—ฐ์†Œ ๊ฐœ๋ฐœํŒŒํŠธ์žฅ)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • Former CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

๋”๋ณด๊ธฐ

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

52๊ฐœ โˆ™ (7์‹œ๊ฐ„ 40๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์ „์ฒด

57๊ฐœ

4.8

57๊ฐœ์˜ ์ˆ˜๊ฐ•ํ‰

  • ์ตœ์šฐ๋š๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
    ์ตœ์šฐ๋š

    ์ˆ˜๊ฐ•ํ‰ 1

    โˆ™

    ํ‰๊ท  ํ‰์  5.0

    5

    31% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

    • shin jiun๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
      shin jiun

      ์ˆ˜๊ฐ•ํ‰ 5

      โˆ™

      ํ‰๊ท  ํ‰์  5.0

      ์ˆ˜์ •๋จ

      5

      98% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

      ์ œ๋กœ์ดˆ๋‹˜ ๋ฐฐ๋‹ฌ์•ฑ ํด๋ก ์ฝ”๋”ฉ ๊ฐ•์˜๋กœ RN์— ์ž…๋ฌธํ•ด์„œ ํ˜„์—…์—์„œ RN, Expo๋กœ ์•ฑ ๊ฐœ๋ฐœํ•˜๊ณ  ์žˆ๋Š” ๊ฐœ๋ฐœ์ž์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด RN๊ฐ•์˜๋Š” cli๊ธฐ๋ฐ˜์˜ ๊ฐ•์ด์˜€๋‹ค๋ฉด ์ด๋ฒˆ ๊ฐ•์˜๋Š” RN์—์„œ Next.js์˜ ์—ญํ• ์„ ํ•˜๊ณ  ์žˆ๋Š” Expo๋ผ๋Š” ํ”„๋ ˆ์ž„์›Œํฌ๋ฅผ ์ ๊ทน ํ™œ์šฉํ•˜๋Š” ๊ฐ•์˜์ž…๋‹ˆ๋‹ค. ๊ธฐ์กด ๋ฐฐ๋‹ฌ์•ฑ ํด๋ก  ๊ฐ•์˜๋„ RN๊ฐœ๋ฐœ์— ํ•„์ˆ˜์ ์ธ ๋ถ€๋ถ„๋“ค์„ ๋ชจ๋‘ ๋‹ด๊ณ  ์žˆ์—ˆ์ง€๋งŒ ์ด๋ฒˆ ๊ฐ•์˜๋Š” Expo๊ฐ€ ์—…๋ฐ์ดํŠธ ๋˜๋ฉด์„œ ๋ณ€๊ฒฝ ๋œ ๋ถ€๋ถ„๋“ค์„ ๋ชจ๋‘ ์ƒ์„ธํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…”์„œ ์ข‹์•˜์Šต๋‹ˆ๋‹ค. ํƒ€ ๊ฐ•์˜๋Š” Expo Go๋ฅผ ํ™œ์šฉํ•ด์„œ RN์„ ๊ฒ‰ํ• ๊ธฐ ํ•˜๋Š” ๋А๋‚Œ์ด์˜€๋Š”๋ฐ ์ œ๋กœ์ดˆ๋‹˜ ๊ฐ•์˜๋Š” development build๋ฅผ ํ™œ์šฉํ•ด์„œ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊นŒ์ง€ ์‚ฌ์šฉํ•˜์—ฌ ํ˜„์—…์—์„œ ํ•„์š”ํ•œ RN, Expo ์ง€์‹์„ ๋ชจ๋‘ ์•Œ๋ ค์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๊ธฐ์กด์— Expo๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ์ง€๋งŒ ์• ๋งคํ•˜๊ฒŒ ์•Œ๊ณ ์žˆ๋Š” ๋ถ€๋ถ„๋“ค๊นŒ์ง€ ๋ช…ํ™•ํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์…จ์Šต๋‹ˆ๋‹ค. ๋ค์œผ๋กœ ์ œ๋กœ์ดˆ๋‹˜์ด Cursor๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋ชจ์Šต์„ ๋ณผ ์ˆ˜ ์žˆ์–ด ์ข‹์•˜์Šต๋‹ˆ๋‹ค. Expo๋Š” ๋„ˆ๋ฌด ํŽธ๋ฆฌํ•˜๊ณ  ์ข‹์€ ํ”„๋ ˆ์ž„์›Œํฌ์ด์ง€๋งŒ ์ง„์ž…์žฅ๋ฒฝ์ด ์žˆ์–ด ๋„์ž…ํ•˜๊ธฐ ์–ด๋ ค์šด ๋А๋‚Œ์ด ์žˆ๋Š”๋ฐ ์ด ๊ฐ•์˜๋ฅผ ๊ณ„๊ธฐ๋กœ ์‹ ๊ทœ ํ”„๋กœ์ ํŠธ๋Š” Expo๋กœ ์‹œ์ž‘ํ•˜๋Š”๊ฒŒ ์ข‹๋‹ค๋ผ๋Š” ์ธ์‹์ด ๋งŽ์ด ํผ์ง€๊ฒŒ ๋˜๋ฉด ์ข‹์„๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

      • Bob_Park๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
        Bob_Park

        ์ˆ˜๊ฐ•ํ‰ 4

        โˆ™

        ํ‰๊ท  ํ‰์  5.0

        5

        30% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

        • 0S๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
          0S

          ์ˆ˜๊ฐ•ํ‰ 8

          โˆ™

          ํ‰๊ท  ํ‰์  5.0

          5

          100% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

          [ ์ˆ˜๊ฐ•ํ‰ ] 1. ํƒ์›”ํ•œ ๋ชฉ์†Œ๋ฆฌ์™€ '์ œ๋กœ์ดˆ' ๋ผ๋Š” ๋ธŒ๋žœ๋“œ์˜ ๋ฏฟ์Œ : ์ œ๋กœ์ดˆ๋‹˜ ๋ชฉ์†Œ๋ฆฌ๊ฐ€ ๋„ˆ๋ฌด ์ข‹๋‹ค. 2. ์šฐ๋‹นํƒ•ํƒ• ๊ฐ•์˜ : ๊ฐ•์˜ ๋”ฐ๋ผํ•˜๋‹ค๊ฐ€ ์ฝ”๋“œ๊ฐ€ ์—‰์ผœ๋ฒ„๋ ค์„œ ๊ฐ•์˜ ํƒ“ ํ–ˆ๋Š”๋ฐ... ์ด๊ฑธ ํ˜ผ์ž์„œ ๋ช‡์‹œ๊ฐ„ ๋™๋™ ์•“๋‹ค๊ฐ€ ํ•ด๊ฒฐํ•œ ํ›„, ๋‹ค์Œ ๊ฐ•์˜๋ฅผ ๋ณด๋ฉด ์•„๋งˆ ์—ฌ๊ธฐ์„œ ํ—ค๋ฉจ์„๊ฑฐ๋ผ๋ฉฐ ๋‹ค์‹œ ์•Œ๋ ค์ฃผ๋Š”๋ฐ ์‹ค์ˆ˜ ์กฐ์ฐจ ์˜๋„ํ•œ ๊ทธ๋Š” ๋Œ€์ฒด... 3. AI ์‹œ์ฆˆ๋‹ : ์ปค์„œ๋ฅผ ์ตœ๋Œ€ํ•œ ํ™œ์šฉํ•˜์‹ ๋‹ค๊ณ  ํ–ˆ๋Š”๋ฐ, ๊ฒฐ๊ตญ ๋ณธ์ธ์ด ์ฒ˜์Œ๋ถ€ํ„ฐ ๋๊นŒ์ง€ ๋‹คํ•˜์‹ฌ. ์œ ํŠœ๋ธŒ์—์„œ ์กฐ์ฐจ๋„ AI๊ฐ€ ๋‹คํ•ด์ค€๋‹คํ•˜๋Š”๋ฐ... ์ •์ž‘ ์ž๊ธฐ ์ตœ์‹  ๊ฐ•์˜์—์„œ๋Š” AI๋ฅผ ํฌ๊ฒŒ ํ™œ์šฉ ์•ˆํ•˜์‹ฌ. ์ฆ‰, ์ˆœ์ˆ˜ํ•˜๊ฒŒ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ๋ฅผ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์Œ. ( ์†”์งํžˆ ๋ฐ”์ด๋ธŒ ์ฝ”๋”ฉ ๋А๋‚Œ์œผ๋กœ ํ•˜์…จ์œผ๋ฉด ๋‹น์žฅ ํ™˜๋ถˆํ–ˆ์Œ ) ๊ฒฐ๋ก  : ๋‹ค์Œ ๊ฐ•์˜๋„ ๊ธฐ๋Œ€ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

          • silqwer๋‹˜์˜ ํ”„๋กœํ•„ ์ด๋ฏธ์ง€
            silqwer

            ์ˆ˜๊ฐ•ํ‰ 10

            โˆ™

            ํ‰๊ท  ํ‰์  5.0

            5

            30% ์ˆ˜๊ฐ• ํ›„ ์ž‘์„ฑ

            ์ œ๋กœ์ดˆ(์กฐํ˜„์˜)๋‹˜์˜ ์ฑŒ๋ฆฐ์ง€!

            ์ด ๊ฐ•์˜์™€ ํ•จ๊ป˜ํ•˜๋Š” ์ฑŒ๋ฆฐ์ง€๊ฐ€ ์ง„ํ–‰ ์ค‘์ด์—์š”!

            ์ œ๋กœ์ดˆ(์กฐํ˜„์˜)๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜

            ์ง€์‹๊ณต์œ ์ž๋‹˜์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

            ๋น„์Šทํ•œ ๊ฐ•์˜

            ๊ฐ™์€ ๋ถ„์•ผ์˜ ๋‹ค๋ฅธ ๊ฐ•์˜๋ฅผ ๋งŒ๋‚˜๋ณด์„ธ์š”!

            2026 ์ƒˆํ•ด ๋ณต ๋งˆ๐Ÿด๋‹ˆ ํ• ์ธ ์ค‘ (7์ผ ๋‚จ์Œ)

            โ‚ฉ50,820

            30%

            โ‚ฉ72,600