Route Data

라우트 파라미터는 경로 일부, 쿼리는 필터 조건을 담는다

상품 상세처럼 식별자가 경로에 속하면 params, 검색과 정렬처럼 화면 상태가 바뀌면 query string을 쓴다.

URL 데이터 분리

routing state

useParams

라우트 패턴에 선언한 동적 조각을 객체 형태로 읽는다.

useSearchParams

검색어, 필터, 페이지 번호처럼 선택 상태를 URL 쿼리에서 읽는다.

선택 기준

리소스의 정체성이면 params, 같은 화면의 옵션이면 query로 나눈다.

URL 진입paramsquery렌더 결정
읽는 법

URL을 설계할 때는 사용자가 공유하거나 새로고침해도 같은 화면을 재현할 수 있는지를 기준으로 나눈다.