리액트 요소가 돔 요소로 만들어지는 과정
리액트에서 데이터 변경에 의한 화면 업데이트는 렌더 단계 (render phase, reconciliation phase) 와 커밋 단계(commit phase)를 거친다.
렌더 단계는 실제 돔에 반영할 변경 사항을 파악하는 단계이고, 커밋 단계는 파악된 변경 사항을 실제 돔에 반영하는 단계이다. 렌더 단계에서는 변경 사항을 파악하기 위해 가상 돔을 이용한다.
가상 돔은 리액트 요소로부터 만들어진다. 리액트는 렌더링을 할 때마다 가상 돔을 만들고 이전의 가상 돔과 비교한다. 이는 실제 돔의 변경 사항을 최소화하기 위한 과정이다.
출처
- 실전 리액트 프로그래밍 (프로그래밍인사이트-이재승)
