“ DOM을 추상화한 가상의 객체 ”
💡 문서의 구성 요소들을 객체로 구조화하여 나타낸 것![웹 페이지를 구성하는 요소를 구조화해 나타낸 객체 이 객체를 이용해서 웹 페이지 구성요소를 제어할 수 있음]
웹 페이지를 구성하는 요소를 구조화해 나타낸 객체 이 객체를 이용해서 웹 페이지 구성요소를 제어할 수 있음
- DOM 조작에 의한 렌더링이 비효율적인 문제
- SPA 특징 👉🏻 DOM 복잡도 증가에 따른 최적화 및 유지 보수 어려워짐
DOM을 반복적으로 직접 조작하면 그 만큼 브라우저가 렌더링을 자주하게 되고 그 만큼 PC 자원을 많이 소모하게 되는 문제 해결 🙂
- 동시에 변경되는 것에 한해서만 렌더링 가능
- 최적화해야 빠름
- 메모리 사용이 늠
- 비용이 적게 듬