DOM

DOM : 문서 객체 모델 XML이나 HTML의 문서에 접근하기 위한 일종의 인터페이스. 표준화된 접근/조작 방법을 제공한다.

돔은 html 트리와 같은 구조화된 형태로 js가 실행되어질 수 있는 환경

1. Core DOM : 모든 문서 타입을 위한 DOM 모델

2. HTML DOM : HTML 문서를 위한 DOM 모델

3. XML DOM : XML 문서를 위한 DOM 모델

 

Vue, React를 사용하면 속도 개선을 위한 Virtual DOM 방식으로 DOM을 제어하게 된다.

Virtual DOM  -> 변경된 부분만을 가상돔에서 가려내어 모든 DOM제어 이후 최종적으로 DOM에서 한 번만 렌더링을 수행하는 방법

원래 돔은 파싱,페이팅,렌더링 같은 작업을 업데이트가 20번 일어나면 해당 작업을 20번 반복해야해서 성능이 떨어진다.

가상돔을 사용하면 20번 중 변화된 부분만을 가상 돔에서 가려내어 실제 돔에 보낸다. 실제 돔은 한 번만 렌더링하여 성능면에 좋음