web shift

React 등장 배경

정적인 HTML 페이지에서 상호작용이 많은 SPA로 넘어가며 상태와 화면을 맞추는 비용이 핵심 문제가 되었습니다.

정적 페이지

서버가 만든 HTML을 받아 보여 주는 방식은 단순하지만 화면 일부만 바꾸는 요구에는 둔합니다.

동적 웹

좋아요, 댓글, 지도 이동처럼 즉시 반영되는 UI는 브라우저 안의 상태 관리가 중요해집니다.

React 선택

데이터 변화에 따라 UI를 다시 계산하는 모델로 DOM 조작 부담을 줄입니다.

static

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

state

여러 UI 조각이 같은 데이터에 의존하는지 확인한다.

sync

데이터는 바뀌었는데 화면이 남는 상황을 떠올린다.

cost

라이브러리 도입 이점과 학습 비용을 함께 본다.