-
리액트의 특징 중 하나는 Virtual DMO을 사용
리액트는 오직 뷰만 담당
리액트는 라이브러리임
리액트는 다른 웹 프레임워크나 라이브러리와 혼용할 수 있음
DOM이란?
- Document Object Model의 약어
- 객체로 문서 구조를 표현하는 방법으로 XML이나 HTML로 작성
- DOM은 트리 형태로 특정 노드를 찾거나 수정, 제거, 원하는 곳에 삽입할 수 있음
- DOM의 단점으로는 동적 UI에 최적화되어 있지 않음
- 리액트는 Virtual DOM방식을 사용하여 DOM 업데이트를 추상화함으로써 DOM 처리 횟수를 최소화하고 효율적으로 진행함
Virtual DOM
- 데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링 함
- 이전 Virtual DOM에 있던 내용과 현재 내용을 비교
- 바뀐 부분만 실제 DOM에 적용