React 특징 연결

핵심 특징 연결 경로: 하나의 화면 갱신 루프

선언적 UI, 컴포넌트, 가상 DOM, 단방향 데이터 흐름은 따로 떨어진 개념이 아니라 상태 변화가 화면에 반영되는 절차를 나누어 설명합니다.

01 state

변화 기준을 둔다

사용자 입력이나 서버 데이터가 상태로 모이면 화면이 왜 바뀌는지 추적하기 쉽습니다.

02 component

UI를 조각으로 읽는다

컴포넌트는 상태와 props를 받아 현재 화면 모양을 독립적으로 선언합니다.

03 virtual DOM

차이 비교

React는 이전 화면 설명과 새 화면 설명을 비교해 필요한 변경만 고릅니다.

04 DOM patch

최소 변경을 반영한다

개발자는 직접 DOM을 찾아 고치기보다 상태와 컴포넌트 경계를 정리하는 데 집중합니다.