React SPA가 라우팅을 만나기 전의 책임 분리

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

React SPA가 라우팅을 만나기 전의 책임 분리HTML 문서를 새로 받는 대신, URL과 상태 변화를 기준으로 컴포넌트 조합을 바꾸는 준비가 라우팅의 출발점이다.
브라우저가 유지하는 것

주소와 히스토리

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

React가 바꾸는 것

컴포넌트 트리

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

라우터가 연결할 것

URL과 화면 규칙

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

핵심React SPA가 라우팅을 만나기 전의 책임 분리은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.