- DOM은 브라우저에서 웹페이지 화면을 표시하기 위해, HTML 파일 내용을 토대로 만든 객체 모델이다
- JavaScript와 같은 스크립팅 언어가 이를 수정할 수 있도록 돕는다
- React의 virtualDOM, 즉 가상DOM 또한 DOM의 내용을 기반으로 만들어진다
- DOM에는 브라우저가 화면을 표시하기 위한 모든 정보가 들어있어 직접 편집하기에 무겁고, 일부의 수정 내용이 많은 렌더링을 일으켜 최적화에 불리하다
- virtualDOM은 일종의 DOM의 요약본으로, DOM에 수정이 일어나면 이전의 가상DOM과 변경된 가상DOM을 비교하여, 바뀐 부분만을 DOM의 변경 사항을 적용하여, 전체 레이아웃이 수정되는 것을 방지하여 성능 향상을 이끌어낸다
