DOM이란?
Document Object Model = HTML문서의 계층 구조와 정보를 표현 및 제어할 수 있는 API. 즉, 프로퍼티와 메서드를 제공하는 트리 자료구조.
React의 발상
상태가 바뀌었을 때, 처음부터 새로 만들어서 보여주자. => 속도가 늦어짐
Virtual DOM
메모리에 있는 가상의 돔을 통해 속도를 올리자.
방식
- 가상DOM의 이벤트 수정
- 가상DOM과 실제DOM 비교
- 변동점을 실제DOM에 패치
React!
UI를 어떻게 보여줄 지가 중요.
컴포넌트를 통해 UI를 설정
= UI조각