NextJS - Link & Navigate

Hunter Joe·2024년 12월 17일
0

📌 Linking and Navigating

라우트간 이동을 위한 4가지 방법

  • <Link> Component
  • useRouter hook (Client Components)
  • Using the redirect()(Server Components)
  • Using the native History API
  • Link<a>를 확장한 내장 컴포넌트로 prefetching과 클라이언트 사이드 네비게이션을 제공
  • NextJS에서 경로 간 이동을 위한 기본적이고 권장되는 방법

useRouter

  • useRouter 훅은 Client component에서 프로그래밍 방식으로 경로를 변경가능
    프로그래밍 방식이란 사용자가 직접 링크를 클릭하지 않아도 코드에서 특정 조건이나 동작에 따라 자동으로 경로를 변경할 수 있다는 것

redirect()

  • Server Components에서는 redirect사용
profile
Async FE 취업 준비중.. Await .. (취업완료 대기중) ..

0개의 댓글