React DOM

• 참고 링크
  링크 - 1

DOM?

Document Object Model

객체로 문서 구조를 표현하는 방법, XML이나 HTML로 작성
웹 브라우저는 DOM을 활용하여 객체에 javascript와 CSS를 적용.
DOM은 트리형태, 특정 node를 찾거나 수정, 제거, 추가를 할 수 있음.

Virtual DOM

실제 DOM에 접근하여 조작하는 대신, 이를 추상화한 javascript 객체를 구성하여 사용. 실제 DOM의 가벼운 복사본

1. 데이터를 업데이트하면 전체 UI를 Virtual DOM에 렌더링
2. 이전 Virutal DOM에 있던 내용과 현재 내용 비교
3. 변화된 부분만 실제 DOM에 적용