React: React ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž๋Š” ์—ฌ์ „ํžˆ ๊ณต์‹ ๋ฌธ์„œ์— ์žˆ์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 10์›” 20์ผ  ยท  4์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react

๋ฌธ์„œ์˜ ๋ฒ„๊ทธ

ํ˜„์žฌ ํ–‰๋™์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
React์˜ ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž๋Š” React 16์—์„œ ์ œ๊ฑฐ๋˜์—ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ๋ฌธ์„œ https://reactjs.org/docs/jsx-in-depth.html#spread -attributes์— ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ๋˜๋Š” ๋™์ž‘์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?
์—ฌ๊ธฐ์—๋Š” React 16+๊ฐ€ ํฌํ•จ๋˜์ง€ ์•Š๋Š”๋‹ค๋Š”์ฃผ์˜๊ฐ€ ํฌํ•จ๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค. ์†Œํ’ˆ์„ ํผ๋œจ๋ฆฌ๋Š” ๋‹ค๋ฅธ ๋ฐฉ๋ฒ•์„ ์ถ”๊ฐ€ ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

์–ด๋–ค ๋ฒ„์ „์˜ React์™€ ์–ด๋–ค ๋ธŒ๋ผ์šฐ์ € / OS๊ฐ€์ด ๋ฌธ์ œ์˜ ์˜ํ–ฅ์„ ๋ฐ›์Šต๋‹ˆ๊นŒ?
๋ฐ˜์‘ 16+. ์ด์ „ ๋ฆด๋ฆฌ์Šค์—์„œ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค.

Question

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

๋‚˜๋Š” ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ๋Š”์ง€ ์•Œ์•„ ๋ƒˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์ฝ”๋“œ๋Š” ์Šคํ”„๋ ˆ๋“œ ์†์„ฑ์„ React.__spread ์ปดํŒŒ์ผ ํ•œ JSXTransformer๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์•Œ์•„ ๋‚ด๋„๋ก ๋„์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

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

Spread ์—ฐ์‚ฐ์ž๋Š” ์–ธ์–ด ๊ธฐ๋Šฅ์ด๋ฉฐ React 16์—์„œ ์ œ๊ฑฐ ํ•  ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

๋‹น์‹ ์€ ๋ฌด์—‡์„ ์–ธ๊ธ‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ?

@salehhamadeh ๋‹น์‹ ์€ https://github.com/facebook/react/pull/8942 ์—์„œ ์ œ๊ฑฐ ๋œ React.__spread ์„ ์ƒ๊ฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค . @gaearon์ด ์ง€์ ํ–ˆ๋“ฏ์ด ์Šคํ”„๋ ˆ๋“œ ์—ฐ์‚ฐ์ž๋Š” ์™„์ „ํžˆ ๋‹ค๋ฅธ ๊ฒƒ ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒŒ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋ฌด์Šจ ์ผ์ด ์ผ์–ด๋‚˜๊ณ  ์žˆ๋Š”์ง€ ์•Œ์•„ ๋ƒˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์ฝ”๋“œ๋Š” ์Šคํ”„๋ ˆ๋“œ ์†์„ฑ์„ React.__spread ์ปดํŒŒ์ผ ํ•œ JSXTransformer๋ฅผ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค. ์•Œ์•„ ๋‚ด๋„๋ก ๋„์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

์•„ ๊ทธ๋ ‡๊ตฐ์š”. ์˜ˆ, ๊ทธ ์ดํ›„๋กœ JSXTransformer๊ฐ€ ์†์ƒ๋˜์—ˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ํ˜„์žฌ ์•ฝ 2 ๋…„ ๋™์•ˆ ์ง€์›๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ”„๋กœ๋•์…˜์—์„œ ์‚ฌ์šฉํ•ด์„œ๋Š” ์•ˆ๋ฉ๋‹ˆ๋‹ค. ๋Œ€์‹  Babel๋กœ JSX๋ฅผ ๋ฏธ๋ฆฌ ์ปดํŒŒ์ผํ•˜์‹ญ์‹œ์˜ค.

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