Routing QA

URL별 기대 화면과 실패 신호 확인

통합 실습은 기능을 하나씩 누르는 것보다 URL, 라우트 element, 훅 값, 히스토리 동작을 같은 기준으로 맞춰 보아야 오류를 빨리 찾을 수 있다.

핵심 시나리오

expected state
/posts

목록과 쿼리

카테고리와 검색어가 URL에 남고 목록 결과가 즉시 좁혀진다.

/posts/:postId

상세와 params

postId로 게시글을 찾고 없는 값은 안내 화면으로 분기한다.

comments

중첩 댓글

상세 내용은 유지되고 Outlet 위치에 댓글만 추가된다.

/posts/new

작성 후 이동

제출 뒤 useNavigate로 목록 화면에 돌아온다.

*

404 fallback

정의되지 않은 주소는 NotFoundPage로만 도착해야 한다.

history

뒤로와 앞으로

링크 이동과 직접 입력 뒤에도 브라우저 히스토리가 자연스럽게 작동한다.