Dva: React Native๋ฅผ ์—…๋ฐ์ดํŠธํ•˜๋Š” ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์— ๋งŒ๋“  2016๋…„ 12์›” 13์ผ  ยท  8์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: dvajs/dva

dva ์‚ฌ์šฉ ์—ฌ๋ถ€๋ฅผ ๊ณ ๋ คํ•˜์—ฌ ๊ฐœ๋ฐœ ํšจ์œจ์„ฑ์— ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ๋งค๋ฒˆ ์ˆ˜๋™์œผ๋กœ ์ƒˆ๋กœ ๊ณ ์นจ

faq question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

์ˆ˜์—†์ด ์‹œ๋„ํ•œ ๋์— ์œ„์ธต์˜ ์ง„์ˆ ์ด ํ•ฉ๋ฆฌ์ ์ž„์ด ์ž…์ฆ๋˜์—ˆ์ง€๋งŒ ์™„์ „ํžˆ ์ •ํ™•ํ•˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.
1. ์•ฑ์˜ ์ตœ์ƒ์œ„ ์ˆ˜์ค€์€ dva ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ์ƒ์„ฑ๊ณผ ๋™์ผํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ์— ์žˆ์œผ๋ฉฐ ์ตœ์ƒ์œ„ ์ˆ˜์ค€ ๊ตฌ์„ฑ ์š”์†Œ๋Š” ES6 ํด๋ž˜์Šค ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค.
2. ๋‘ ๋ฒˆ์งธ ๊ณ„์ธต์€ ์ตœ์ƒ์œ„ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ๋ผ์šฐํŒ…์„ ์ •์˜ํ•˜๋Š” Stateless ํ•จ์ˆ˜๋ฅผ ๋„์ž…ํ•ฉ๋‹ˆ๋‹ค. (์ฐธ๊ณ  : ๋‘ ๋ฒˆ์งธ ๊ณ„์ธต์€ ํ•จ์ˆ˜ ๊ตฌ์„ฑ ์š”์†Œ ์—ฌ์•ผํ•ฉ๋‹ˆ๋‹ค !!! ์ด์œ ๋ฅผ ๋ฌป์ง€ ๋งˆ์‹ญ์‹œ์˜ค. ๋ฐ–...);
3. ์„ธ ๋ฒˆ์งธ ๋ ˆ์ด์–ด์˜ ๋‹ค๋ฅธ ํŽ˜์ด์ง€์—์„œ๋Š” ์ด๋Ÿฌํ•œ ๋ฐฉ์‹์œผ๋กœ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋ชจ๋‘ ํ•ซ ๋ฆฌ๋กœ๋”ฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค! ! !
๊ฒฐ๋ก  : ์Šค์Šค๋กœ ์ œ๊ธฐ ํ•œ ๋ฌธ์ œ๋Š” ์Šค์Šค๋กœ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. . . .

๋ชจ๋“  8 ๋Œ“๊ธ€

https://github.com/dvajs/babel-plugin-dva-hmr

ํ•ซ ์—…๋ฐ์ดํŠธ, ์ž˜๋ชป ์ฝ์Œ, ๋ฌด์‹œ

ReactNative๋Š” ์—…๋ฐ์ดํŠธ ๋ฉ”์ปค๋‹ˆ์ฆ˜์— ๋Œ€ํ•ด ๋ช…ํ™•ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์›น์€ ๋น ๋ฅด๋ฉฐ https://github.com/sorrycc/roadhog ๊ธฐ๋ฐ˜์œผ๋กœ ๋นŒ๋“œ ๋ฐ ์„œ๋ฒ„๊ฐ€ ๊ตฌํ˜„๋ฉ๋‹ˆ๋‹ค.

๋ฟก๋ฟก
๊ฐ€๊นŒ์šด ์žฅ๋ž˜์— React Native์˜ ํ•ซ ์—…๋ฐ์ดํŠธ๋ฅผ ๋‹ค๋ฃฐ ๊ณ„ํš์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€๊นŒ์šด ์žฅ๋ž˜์— React Native์˜ ํ•ซ ์—…๋ฐ์ดํŠธ๋ฅผ ๋‹ค๋ฃฐ ๊ณ„ํš์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๊ฐ€๊นŒ์šด ์žฅ๋ž˜์— ๊ณ„ํš์€ ์—†์Šต๋‹ˆ๋‹ค. ๋ˆ„๊ตฐ๊ฐ€ ๊ทธ๋ ‡๊ฒŒํ–ˆ๋‹ค๋ฉด ๋‹จ์„œ๋ฅผ ์ œ๊ณต ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. RN์˜ ํ•ซ ๊ต์ฒด์™€ React์˜ ์ฐจ์ด์ ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

React Native๋ฅผ ๊ฐœ๋ฐœํ•  ๋•Œ Component๊ฐ€ const๋กœ ๋นŒ๋“œ๋˜๋ฉด hot reloading์€ ๋ถˆ๊ฐ€๋Šฅํ•˜์ง€๋งŒ ํด๋ž˜์Šค์—์„œ๋Š” ๊ดœ์ฐฎ ์•˜์Šต๋‹ˆ๋‹ค.

์ข€ ๋” ๊ตฌ์ฒด์ ์œผ๋กœ ๋งํ•˜์ž๋ฉด es6 ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ ๋œ ๊ตฌ์„ฑ ์š”์†Œ๋Š” ํ•ซ ๋ฆฌ๋กœ๋”ฉ์ด ๋  ์ˆ˜ ์žˆ์ง€๋งŒ ์ƒํƒœ ๋น„ ์ €์žฅ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด์ œ ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ƒ์„ฑํ•˜๊ณ  ์ƒํƒœ ๋น„ ์ €์žฅ ํ•จ์ˆ˜๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ”„๋ฆฌ์   ํ…Œ์ด์…˜ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ์ƒ์„ฑํ•ฉ๋‹ˆ๋‹ค.

์ˆ˜์—†์ด ์‹œ๋„ํ•œ ๋์— ์œ„์ธต์˜ ์ง„์ˆ ์ด ํ•ฉ๋ฆฌ์ ์ž„์ด ์ž…์ฆ๋˜์—ˆ์ง€๋งŒ ์™„์ „ํžˆ ์ •ํ™•ํ•˜์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค.
1. ์•ฑ์˜ ์ตœ์ƒ์œ„ ์ˆ˜์ค€์€ dva ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ์ƒ์„ฑ๊ณผ ๋™์ผํ•œ ๋””๋ ‰ํ„ฐ๋ฆฌ์— ์žˆ์œผ๋ฉฐ ์ตœ์ƒ์œ„ ์ˆ˜์ค€ ๊ตฌ์„ฑ ์š”์†Œ๋Š” ES6 ํด๋ž˜์Šค ๋ฉ”์„œ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค.
2. ๋‘ ๋ฒˆ์งธ ๊ณ„์ธต์€ ์ตœ์ƒ์œ„ ๊ตฌ์„ฑ ์š”์†Œ์—์„œ ๋ผ์šฐํŒ…์„ ์ •์˜ํ•˜๋Š” Stateless ํ•จ์ˆ˜๋ฅผ ๋„์ž…ํ•ฉ๋‹ˆ๋‹ค. (์ฐธ๊ณ  : ๋‘ ๋ฒˆ์งธ ๊ณ„์ธต์€ ํ•จ์ˆ˜ ๊ตฌ์„ฑ ์š”์†Œ ์—ฌ์•ผํ•ฉ๋‹ˆ๋‹ค !!! ์ด์œ ๋ฅผ ๋ฌป์ง€ ๋งˆ์‹ญ์‹œ์˜ค. ๋ฐ–...);
3. ์„ธ ๋ฒˆ์งธ ๋ ˆ์ด์–ด์˜ ๋‹ค๋ฅธ ํŽ˜์ด์ง€์—์„œ๋Š” ์ด๋Ÿฌํ•œ ๋ฐฉ์‹์œผ๋กœ ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋งŒ๋“ค ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋ชจ๋‘ ํ•ซ ๋ฆฌ๋กœ๋”ฉ์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค! ! !
๊ฒฐ๋ก  : ์Šค์Šค๋กœ ์ œ๊ธฐ ํ•œ ๋ฌธ์ œ๋Š” ์Šค์Šค๋กœ ํ•ด๊ฒฐํ•ฉ๋‹ˆ๋‹ค. . . .

@ r4ggj ์˜ˆ์ œ๊ฐ€ ์žˆ๋‚˜์š”? ์ด์ œ ๋งค์šฐ ์งœ์ฆ๋‚ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰