DOM과 가상 DOM의 차이

버추얼 돔(가상돔)과 리얼돔의 차이

 

DOM이란?

- Javascript가 html element에 접근할 수 있게끔 브라우저가 트리구조로 만든 객체모델

 

DOM의 단점

- DOM의 단점은 일부 element가 변경되면 거대한 트리를 리렌더링하는 비효율이 발생한다는 것.

 

그래서 가상 DOM이 등장

-대표적으로 React에서 사용하는 가상 DOM은 변경 전의 가상 DOM과, 변경 후의 가상 DOM을 비교하여 달라진 부분만 수정한 후 REAL DOM에 전달한다. 

DOM은 가상DOM으로부터 전달받은 최종 결과물을 한번만 렌더링하면 된다.