[WEB] DOM과 Virtual DOM

DOM

HTML, XML 문서의 프로그래밍 interface 이다. DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.

Virtual DOM

• 불필요한 렌더링을 줄일 수 있다.
• 화면에 변화가 있을 때 마다 실시간으로 DOM 트리를 수정하지 않고,
  변경 사항이 모두 반영된 가상 DOM을 만든다.
  -> 가상 DOM을 이용해 한 번만 DOM을 수정하고 이는 즉 한 번만 렌더 트리를 만들게 된다
  -> 결과적으로 브라우저는 한번만 렌더링 하게 된다.

DOM의 문제

• Dynamic UI에 최적화 되어 있지 않다.

Virtual DOM 유의점

1. 언제 다시 렌더링 할 것인지 고려해야한다.
2. 어떻게 효율적으로 할 것인지 생각해야한다.

내일 더 공부하고 보완해야지..