virtual dom
[ReactJS] React์ ํน์ง๊ณผ Virtual DOM
React์ ๋ํ์ ์ธ ํน์ง 2๊ฐ์ง ์ ์ธํ (Declarative Programming) ๋ฆฌ์ํธ๋ ์ ์ธํ ํ๋ก๊ทธ๋๋ฐ ์ธ์ด์ด๋ค. ์ ์ฐจ์ vs ์ ์ธ์ ์ ์ฐจ์ (๋ช ๋ นํ) ํ๋ก๊ทธ๋๋ฐ ์ํ๋ ๊ฒฐ๊ณผ๋ฅผ ๋ง๋ค๊ธฐ ์ํ ์ ์ฐจ(How)์ ์ค์ ์ ๋๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์ ์๋ฐ์คํฌ๋ฆฝํธ์์ ์ง์ DOM์ ์กฐ์ํ๋ ๋ฐฉ์ ๋ชจ๋ ๊ณผ์ ์ ์ผ์ผ์ด ๊ธฐ์ ํด์ผ ํ๋ฏ๋ก ์์ฐ์ฑ์ด ์ ํ๋ ์ ์๋ค. ์ ์ธ์ ํ๋ก๊ทธ๋๋ฐ ์ํ๋ ๊ฒฐ๊ณผ๊ฐ ๋ฌด์(What)์ธ์ง ์ ์ธํ๋ ํํ๋ก ํ๋ก๊ทธ๋๋ฐ ํ๋ ๋ฐฉ์ ์๋ฐ์คํฌ๋ฆฝํธ์์ DOM ์กฐ์์ React์ ์์ ์ปดํจํฐ๋ ์ ์ฐจ์ ์ผ๋ก ๋์ํ๊ธฐ์ ๊ฒฐ๊ตญ ๋ชจ๋ ๋ช ๋ น์ ๋ค ์ ์ฐจ์ ์ผ๋ก ํด์ฃผ์ด์ผ ํ์ง๋ง, ๊ฐ๋ฐ์ ํ๋ ๊ฐ๋ฐ์๋ (์ต๋ํ ์ ์ฐจ์ ์ธ ๋ถ๋ถ์ ๊ฐ์ถ๊ฐ๋ ์์ํ๊ณ ) ์ ์ธ์ ์ธ ๋ถ๋ถ์๋ง ์ง์คํ๊ฒ ํ๋ ๋ฐฉ์์ด ์ ์ธ์ ์ธ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ด๋ค. ์ปดํฌ๋ํธ..