DOM( Document Object Model ), Virtual DOM, React DOM 간단 정리

DOM이란?

• DOM 즉, 문서 객체 모델이란 HTML, XML 문서의 프로그래밍 인터페이스이다. HTML의 구조화된 표현 ( body, head, div ... ) 을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다.

Virtual DOM이란?

• 가상화한 돔으로 실제 DOM의 변경사항에 대해 DOM에서 수행해야 할 모든 변경 사항을 Virtual DOM에서 수행한 다음 실제 DOM에 전달함으로써 여러 번의 변경 사항이 있더라도 모든 변경 사항을 하나로 그룹화하여 한번만 수행한다.
• Virtual DOM은 DOM관리를 자동화하고 추상화하여 직접 할 필요가 없게 해주는 것이다. 전체 DOM Tree를 리로드하지 않기 위해 변경한 부분과 변경되지 않는 부분을 직접 할 때는 추적해야 하나 이 또한 Virtual DOM이 자동화해주고, DOM 조작 자체를 포기함으로써 DOM을 수정하는 모든 부분 간의 동기화를 피할 수 있다.

React DOM이란?

• React DOM이란 Virtual DOM에서 HTML을 생성하는데 필요한 라이브러리이다.
• React DOM에는 React Element를 브라우저에 렌더링하는데 필요한 모든 도구가 들어있다.

참고 - https://developer.mozilla.org/ko/docs/Web/API/Document_Object_Model/Introduction // https://mygumi.tistory.com/190 // https://withseungryu.tistory.com/57