현재 상태가 어떤 화면이어야 하는지 코드로 표현해 DOM 조작 순서를 숨깁니다.
core model
React 핵심 개념
UI를 직접 조작하기보다 상태에 따른 화면 결과를 선언하고, 그 결과를 작은 컴포넌트 단위로 조립합니다.
버튼, 카드, 목록처럼 독립적으로 설명 가능한 조각을 재사용 가능한 함수로 둡니다.
렌더 결과를 비교해 실제 DOM 변경 부담을 줄이고 갱신 위치를 예측 가능하게 만듭니다.
부모에서 자식으로 내려가는 데이터 방향을 표시한다.
반복 UI가 컴포넌트로 자연스럽게 분리되는지 본다.
상태 변화 뒤 실제 DOM 반영이 최소화되는 이유를 설명한다.
같은 state라면 같은 화면이 나온다는 기준을 잡는다.