Community

๐Ÿ“Œ React is โ€œvalue UIโ€

์ด๋ฏธ ๋งŽ์€ ๋ถ„๋“ค์ด ์ฝ์–ด๋ณด์…จ์„ โ€˜React ๋ Œ๋”๋”ฉ ๋™์ž‘์— ๋Œ€ํ•œ (๊ฑฐ์˜) ์™„๋ฒฝํ•œ ๊ฐ€์ด๋“œโ€™๋ฅผ ์ €๋„ ์ฝ์–ด๋ณด๋Š” ์ค‘์ž…๋‹ˆ๋‹ค. ์–ด์ œ ์ž ์‹œ ์ฝ๋‹ค๊ฐ€ ๋ง์•˜๋Š”๋ฐ ์ค‘๊ฐ„์ฏค Dan Abramov์˜ ํŠธ์œ—์„ ์ธ์šฉํ•˜๋Š” ๋ถ€๋ถ„์ด ์ธ์ƒ ๊นŠ๋„ค์š”. ๋ฆฌ์•กํŠธ๋Š” UI๋ฅผ ๊ฐ’์œผ๋กœ ๋‹ค๋ฃจ๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์ด๋ผ๋Š” ์‚ฌ์‹ค์ด ๋‹น์—ฐํ•˜๋‹ค ์ƒ๊ฐํ•˜๋ฉด์„œ๋„ ์ƒˆ๋กญ๊ฒŒ ์™€๋‹ฟ์Šต๋‹ˆ๋‹ค. - ๋ฆฌ์•กํŠธ๋Š” "๊ฐ’ UI"์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์˜ ํ•ต์‹ฌ ์›์น™์€ UI๊ฐ€ ๋ฌธ์ž์—ด์ด๋‚˜ ๋ฐฐ์—ด๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ๊ฐ’์ด๋ผ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋ณ€์ˆ˜์— ์ €์žฅํ•˜๊ณ , ์ „๋‹ฌํ•˜๊ณ , ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ์ œ์–ด ํ๋ฆ„์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ํ‘œํ˜„๊ฐ€๋Šฅํ•จ์ด ์š”์ ์ž…๋‹ˆ๋‹ค. DOM์— ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ ์šฉํ•˜๋Š” ๊ฒƒ์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•œ ๋น„๊ต ๊ฐ™์€ ๊ฒƒ์ด ์•„๋‹™๋‹ˆ๋‹ค. - React is โ€œvalue UIโ€. Its core principle is that UI is a value, just like a string or an array. You can keep it in a variable, pass it around, use JavaScript control flow with it, and so on. That expressiveness is the point โ€” not some diffing to avoid applying changes to the DOM.

์•Œ๋ฆผ

์•Œ๋ฆผ์ด ์—†์Šต๋‹ˆ๋‹ค