url state

경로 파라미터는 대상, 쿼리 문자열은 조건을 설명한다

상세 페이지와 목록 필터를 섞어 구현할 때는 어떤 값이 없으면 404인지, 어떤 값이 없어도 기본 목록인지 먼저 나눕니다.

Route param

/product/:id처럼 경로 의미를 완성하는 필수 식별자를 받습니다.

useParams

현재 경로에서 id나 slug를 꺼내 상세 데이터 조회의 기준으로 씁니다.

Search params

?category=electronics처럼 선택 필터와 정렬 상태를 URL에 남깁니다.

setSearchParams

입력 UI가 바뀌면 URL도 바뀌고, URL 변화가 다시 목록을 갱신합니다.

없으면 실패 상세 id가 없거나 잘못되면 Not Found 또는 목록 복습 기준을 둡니다.

없어도 기본 검색어와 카테고리는 없어도 전체 목록이라는 기본 상태가 됩니다.

공유 가능 필터 URL을 복사했을 때 같은 화면이 열리면 상태 보존이 된 것입니다.

URL 설계는 데이터 전달 방식보다 복구 가능한 화면 상태를 만들었는지로 판단합니다.