DOM이란?

Document Object Model = HTML문서의 계층 구조와 정보를 표현 및 제어할 수 있는 API. 즉, 프로퍼티와 메서드를 제공하는 트리 자료구조.

React의 발상

상태가 바뀌었을 때, 처음부터 새로 만들어서 보여주자. => 속도가 늦어짐

Virtual DOM

메모리에 있는 가상의 돔을 통해 속도를 올리자.

방식

1. 가상DOM의 이벤트 수정
2. 가상DOM과 실제DOM 비교
3. 변동점을 실제DOM에 패치

React!

UI를 어떻게 보여줄 지가 중요.

컴포넌트를 통해 UI를 설정

= UI조각