Navigation

Link와 useRouter 선택

a 태그와 Link의 차이, 동적 경로 href, 클라이언트 훅 사용 조건을 이동 시나리오별로 구분합니다.

Link

선언형 이동

목록, 내비게이션, 상세 페이지 연결처럼 사용자가 직접 누르는 이동에 적합합니다.

Dynamic

경로 값 조립

게시글 id나 slug를 href에 넣어 실제 URL과 맞춥니다.

Router Hook

명령형 이동

폼 제출 후 이동이나 권한 체크 후 리다이렉트 같은 클라이언트 로직에 씁니다.

router 이동 경계

useRouter 클라이언트 경계

훅을 쓰는 파일에는 클라이언트 경계가 필요하므로 클릭 후 분기나 스크롤 제어가 없으면 Link로 번들을 줄입니다.

선택 순서

일반 이동메뉴, 카드, 본문 링크처럼 사용자가 목적지를 예측할 수 있으면 Link가 기본입니다.
동적 이동params 조합이 실제 폴더 구조와 다르면 404나 잘못된 상세 화면으로 이어집니다.
조건 이동폼 성공, 권한 실패, 단계 완료처럼 결과를 계산한 뒤 이동할 때 useRouter를 검토합니다.