๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Dom1

[React] Intro ๋ฆฌ์•กํŠธ๋Š” ํฌ๊ฒŒ ์„ธ๊ฐ€์ง€ ๊ฐœ๋…์ด ์ค‘์š”ํ•˜๋‹ค.1. Reactive2. Virtual DOM3. Component Reactive๋Š” ํŠน์ • ๊ฐ’์— ์˜์กดํ•ด ์ž๋™์œผ๋กœ ๋ฐ˜์‘ํ•˜๋Š” ๊ฒƒ์„ ์˜๋ฏธํ•œ๋‹ค.Vanila js๋กœ ๊ฒ€์ƒ‰ ์„œ๋น„์Šค๋ฅผ ๋งŒ๋“ค๋ฉด์„œ ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๊ฒŒ ๋˜๋ฉด(๊ฒ€์ƒ‰ ๋“ฑ) ๋‹ค์‹œ rendering์„ ํ•˜๋Š” ๊ณผ์ •์ด ํ•„์š”ํ–ˆ์—ˆ๋‹ค.ํ•˜์ง€๋งŒ ๋ฆฌ์•กํŠธ๋Š” ๊ฐ’์„ ๋ณ€๊ฒฝํ•˜๋ฉด ๋‹ค์‹œ rendering ํ•  ํ•„์š”๊ฐ€ ์—†๋„๋ก ์„ค๊ณ„๋˜์—ˆ๋‹ค. react๋Š” DOM API๋ฅผ ํ˜ธ์ถœํ•˜๋ฉด์„œ ์„ฑ๋Šฅ ์ €ํ•˜๊ฐ€ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด Virtual DOM์„ ์ œ๊ณตํ•œ๋‹ค.Virtual DOM์—์„œ ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„์„ ํ™•์ธํ•˜๊ณ  ๋ฐ”๋€ ๋ถ€๋ถ„๋งŒ ํ™•์ธํ•˜์—ฌ DOM์— ์ œ๊ณตํ•œ๋‹ค.์ด๋Ÿฐ ํŠน์„ฑ ๋•Œ๋ฌธ์— reactive ํ•˜๋‹ค๊ณ  ํ•  ์ˆ˜ ์žˆ๋‹ค. ์•„๋ž˜๋Š” ์ฐธ๊ณ ํ•˜๋ฉด ์ข‹์€ ์˜ˆ์‹œ ์˜์ƒ์ด๋‹ค.https://www.youtube.co.. 2024. 8. 3.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”