๐ Reference
๐ Chapter
VNode
Reactivity (๋ฐ์์ฑ)
Proxy
Virtual DOM - React
โฃ
Virtual DOM
- Virtual DOM
- ๊ฐ์ ๋
- DOM์ ์ต์ํ์ผ๋ก ์กฐ์ํ์ฌ ์์
์ ์ฒ๋ฆฌํ๋ ๋ฐฉ์.
- ๊ฐ์ DOM์ด๋ผ๋ DOM ํธ๋ฆฌ๋ฅผ ๋ชจ๋ฐฉํ ๊ฐ๋ฒผ์ด JS ๊ฐ์ฒด๋ฅผ ํตํด ์ง์ DOM์ ํธ๋ค๋ง ํ์ง ์๊ณ ์๋ฐ์คํฌ๋ฆฝํธ๊ฐ HTML์ ๋ ๋๋งํ๋ ๋ฐฉ๋ฒ.
- ๋น ๋ฅธ ํ๋ฉด ๋๋๋ง(Rendering)์ ์ํด ๋ฆฌ์กํธ์ ๊ฐ์ ๋ ๋๋๋ง ๋ฐฉ์์ ์ ์ฉ.
- ๊ฐ์ ๋์ ํ์ฉํ๋ฉด ํน์ ๋ ์์๋ฅผ ์ถ๊ฐํ๊ฑฐ๋ ์ญ์ ํ๋ ๋ณ๊ฒฝ์ด ์ผ์ด๋ ๋ ํ๋ฉด ์ ์ฒด๋ฅผ ๋ค์ ๊ทธ๋ฆฌ์ง ์๊ณ ํ๋ ์์ํฌ์์ ์ ์ํ ๋ฐฉ์์ ๋ฐ๋ผ ํ๋ฉด์ ๊ฐฑ์ ํ๋ค.
- ๋ธ๋ผ์ฐ์ ์
์ฅ์์๋ ์ฑ๋ฅ ๋ถํ๊ฐ ์ค์ด๋ค์ด ์ผ๋ฐ ๋ ๋๋ง ๋ฐฉ์๋ณด๋ค ๋ ๋น ๋ฅด๊ฒ ํ๋ฉด์ ๊ทธ๋ฆด ์ ์๋ค.

- Vue.js์์๋ snabdom์ ์ฌ์ฉํ๊ณ ์๋ค.
Virtual DOM - ์ฌ์ฉ ์ด์