상태 성격 분류
값이 리소스 자체를 가리키는지, 목록을 보는 조건인지 구분한다.
정체성과 보기 옵션을 섞지 않는다Param 추출
useParams로 문자열 값을 읽고 숫자나 enum이 필요하면 명시적으로 변환한다.
params는 기본적으로 문자열이다Query 관리
useSearchParams로 page, filter, sort를 읽고 기본값과 허용값을 둔다.
없는 query도 정상 상태로 처리한다데이터 요청 연결
param과 query가 바뀔 때 fetch key와 cache key가 함께 바뀌는지 확인한다.
이전 결과가 남으면 stale UI가 된다탐색 동작 확인
뒤로가기, 새로고침, 링크 공유에서 같은 화면 상태가 복원되는지 본다.
URL 상태의 목적이다Path param
리소스 정체성
상세 페이지 id, slug, username처럼 없으면 다른 페이지가 되는
값이다.
없는 값은 404나 오류로 닫는다
Search param
보기 조건
page, q, sort, filter처럼 같은 리소스 목록의 표현을
바꾼다.
기본값을 정한다
Local state
공유 불필요 상태
열림 여부나 임시 입력처럼 URL 복원이 필요 없으면 state에
둔다.
URL을 과하게 복잡하게 만들지 않는다
Validation
허용값 검사
숫자 변환 실패, enum 외 값, 음수 page를 안전한 기본값이나
오류로 처리한다.
URL은 사용자가 마음대로 바꿀 수 있다