Virtual DOM

Virtual DOM

Virtual DOM 이란 영어 뜻 그대로 가상 돔 이라는 뜻이다.
리액트에서는 Virtual DOM 에서 변경된 DOM의 위치를 기존의 DOM과 비교하여 변경 된 DOM 위치에서만 변경 시키는 특성을 가지고 있다,

따라서 기존의 방식처럼 DOM처럼 다시 한번 전체를 렌더링 하는 것 보다는 훨씬 더 렌더링 하는 부분에 있어서 필요한 부분만 렌더링 함으로 브라우저의 부하를 막을 수 있다.

그렇기에 웹 컴포넌트의 범위 지정 변수 및 css용 기술인 Shadow DOM과는 별개의 의미를가지며,

사용자 인터페이스를 나타내는 객체이기 때문에 React elements와 연관된다. 그러나 React는 컴포넌트 트리에 대한 추가 정보를 포함하기 위해 “fibers”라는 내부 객체를 사용한다.