Virtual DOM
DOM(Document Object Model) : 객체로 문서 구조를 표현하는 방법. XML이나 HTML로 작성
- 트리 형태이기에 특정 노드를 찾거나 수정, 제거, 원하는 곳에 삽입 가능
- 동적 UI에 최적화 되어있지 않음 > 요소가 많아지면 느려짐 (DOM자체는 빠르지만 변화에 느림)
Virtual DOM
실제 DOM에 접근하여 조작하지 않고 추상화한 자바스크립트 객체를 구성하여 사용.
리액트 DOM 업데이트 과정
- 데이터를 업데이트하면 전체 UI를 Virtual DOM에 리렌더링
- 이전 Virtual DOM에 있던 내용과 현재를 비교
- 바뀐 부분만 실제 DOM에 적용
라이브러리
리액트가 다른 프레임워크와는 다르게 라이브러리라는 점은 다른 프레임워크에 존재하는 Ajax, 데이터모델링, 라우팅과 같은 기능이 내장되어 있지않음. 직접 구현해야함.
다른 라이브러리를 사용하여 이를 극복할 수 있음.
728x90