route params와 search params의 URL 상태 계약

둘 다 주소에서 온 외부 문자열이므로 추출한 즉시 변환·검증하고, 공유할 상태를 별도 local state에 복제하지 않는다.

route params와 search params의 URL…둘 다 주소에서 온 외부 문자열이므로 추출한 즉시 변환·검증하고, 공유할 상태를 별도 local state에 복제하지 않는다.
1

useParams() · 경로 매치

:productId 처럼 route pattern이 포착한 값을 읽는다. 자식 route는 부모 params도 상속하며, 값이 없거나 유효하지 않으면 해당 리소스…

2

useSearchParams() ·…

page·sort·filter 처럼 선택 가능한 보기 조건을 읽고 쓴다. setter 호출은 navigation을 만들므로 링크 공유·새로고침·뒤로 가기와 같은…

3

1. Read

pathname match와 query string을 각각 읽는다.

4

2. Normalize

숫자·enum·반복 key를 명시적으로 파싱한다.

5

3. Validate

허용 범위 밖이면 404, 기본값, 정규 URL 중 정책을 적용한다.

핵심route params와 search params의 URL 상태 계약은 각 요소의 관계와 선택 조건을 함께 읽어야 한다.