VirtualDom.md

Virtual Dom 🤔

“ DOM을 추상화한 가상의 객체 ”

Dom (Document Object Model)

💡 문서의 구성 요소들을 객체로 구조화하여 나타낸 것

![웹 페이지를 구성하는 요소를 구조화해 나타낸 객체 이 객체를 이용해서 웹 페이지 구성요소를 제어할 수 있음]

웹 페이지를 구성하는 요소를 구조화해 나타낸 객체 이 객체를 이용해서 웹 페이지 구성요소를 제어할 수 있음

사용 이유❓

• DOM 조작에 의한 렌더링이 비효율적인 문제
• SPA 특징 👉🏻 DOM 복잡도 증가에 따른 최적화 및 유지 보수 어려워짐

DOM을 반복적으로 직접 조작하면 그 만큼 브라우저가 렌더링을 자주하게 되고 그 만큼 PC 자원을 많이 소모하게 되는 문제 해결 🙂

주의사항 & 한계 ⚠️

1. 동시에 변경되는 것에 한해서만 렌더링 가능
2. 최적화해야 빠름
3. 메모리 사용이 늠
4. 비용이 적게 듬