리액트 특징

Virtual DOM

DOM(Document Object Model) : 객체로 문서 구조를 표현하는 방법. XML이나 HTML로 작성

• 트리 형태이기에 특정 노드를 찾거나 수정, 제거, 원하는 곳에 삽입 가능
• 동적 UI에 최적화 되어있지 않음 > 요소가 많아지면 느려짐 (DOM자체는 빠르지만 변화에 느림)

Virtual DOM

실제 DOM에 접근하여 조작하지 않고 추상화한 자바스크립트 객체를 구성하여 사용.

리액트 DOM 업데이트 과정

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

라이브러리

리액트가 다른 프레임워크와는 다르게 라이브러리라는 점은 다른 프레임워크에 존재하는 Ajax, 데이터모델링, 라우팅과 같은 기능이 내장되어 있지않음. 직접 구현해야함.

다른 라이브러리를 사용하여 이를 극복할 수 있음.