React 렌더링 흐름

개발자는 상태와 props로 “지금 보여줄 화면”을 선언한다. React는 컴포넌트를 다시 실행해 이전 결과와 비교하고, 실제 브라우저 작업은 마지막에 모아서 처리한다.

1

컴포넌트 단위

작은 계산 단위로 UI를 나누어 변경 범위를 추적한다.

2

단방향 데이터

값은 아래로 흐르고, 이벤트는 위로 알려 상태를 바꾼다.

3

최소 DOM 변경

Virtual DOM 자체보다 실제 DOM 작업을 줄이는 전체 흐름이 중요하다.

핵심React 렌더링 흐름은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.