React SPA

React SPA 렌더링

HTML 문서를 새로 받는 대신, URL과 상태 변화를 기준으로 컴포넌트 조합을 바꾸는 준비가 라우팅의 출발점이다.

브라우저가 유지하는 것

주소와 히스토리

사용자는 URL을 보고 현재 위치를 판단하고, 뒤로 가기로 이전 상태를 복원하길 기대한다.

React가 바꾸는 것

컴포넌트 트리

상태가 바뀌면 실제 DOM 전체가 아니라 필요한 UI 조각만 다시 계산하고 반영한다.

라우터가 연결할 것

URL과 화면 규칙

어떤 주소에서 어떤 컴포넌트를 보여줄지 정하면 SPA도 페이지처럼 공유 가능한 흐름을 갖는다.

URL 상태 컴포넌트 화면