web shift

상태 기반 DOM 렌더링

정적 문서 중심 웹에서 상호작용 많은 화면으로 바뀌며, 화면을 직접 고치는 방식보다 데이터 변화에서 UI를 계산하는 방식이 중요해졌습니다.

수동 DOM 한계

이벤트마다 요소를 찾아 바꾸면 상태와 화면의 출처가 여러 파일과 함수로 흩어집니다.

구조화 필요

반복되는 UI 갱신 규칙을 라이브러리가 맡아야 기능 추가 비용을 낮출 수 있습니다.

React 관점

상태가 바뀌면 렌더 결과를 다시 계산하고 필요한 DOM 반영만 남기는 모델을 사용합니다.

static

전체 새로고침 중심 화면인지 부분 갱신 중심 화면인지 구분한다.

event

사용자 행동이 여러 UI 조각을 동시에 바꾸는지 확인한다.

state

화면을 결정하는 데이터가 어디에 있는지 찾는다.

render

데이터 변화에서 UI 결과로 이어지는 설명을 만든다.