routing lab

다중 페이지 라우팅과 404 처리 점검

목록, 상세, 작성, 댓글, 404를 한 번에 연결할 때는 라우트 정의와 테스트 순서를 같은 표로 관리하는 편이 안전합니다.

/posts에서 쿼리 문자열로 카테고리 필터를 유지합니다.

상세 라우트

게시글 상세 라우트

/posts/:postId에서 id로 게시글을 찾고 없으면 404 화면으로 보냅니다.

route·404 작성

폼 제출 후 useNavigate로 목록에 돌아가 사용자 흐름을 닫습니다.

comments 자식 경로를 Outlet 안에 렌더링해 상세 화면을 확장합니다.

직접 URL 주소창 입력으로 모든 주요 경로가 열리는지 먼저 확인합니다.

링크 흐름 목록에서 상세, 상세에서 댓글, 작성 후 목록 복귀를 차례로 봅니다.

실패 처리 없는 postId와 알 수 없는 경로가 조용히 빈 화면이 되지 않아야 합니다.

라우팅 실습의 완성 기준은 화면 수가 아니라 모든 URL 상태에 대응하는 렌더링 결과가 있다는 점입니다.