DOM. Document Object Model. 문서 객체 모델. HTML 문서를 트리 구조의 객체로 표현한 것.
웹 브라우저는 HTML을 읽어 DOM을 만들고, 자바스크립트는 DOM을 조작해 웹 페이지를 동적으로 변경한다. document.querySelector(), element.innerHTML, addEventListener()… 모두 DOM API다.
HTML이 문서의 구조라면, DOM은 그 구조를 프로그래밍으로 다룰 수 있게 만든 인터페이스. 요소를 추가하고, 삭제하고, 수정하고, 스타일을 바꾸는 모든 일이 DOM을 통해 이루어진다.
Virtual DOM은 실제 DOM을 추상화한 개념으로, React 같은 라이브러리에서 성능 최적화를 위해 사용한다.