Next.js Doc 번역 [Functions: redirect]

 

Functions: redirect | Next.js

위 문서에 대한 번역을 진행합니다.

번역시점은 05-10으로 공식문서의 추가적인 업데이트가 있을 수 있습니다.

DeepL translator와 ChatGPT에 의존해서 번역하고 있습니다.

번역체를 자연스러운 어투로 옮기는 과정에서 오역이 발생할 수 있는 점 미리 알립니다.

이에 대한 피드백은 댓글로 알려주시면 감사하겠습니다.

한글로 번역하는 것이 더 어색한 경우 원문을 먼저 표기 하겠습니다.

---

redirect API Reference

redirect 함수를 사용하면 사용자를 다른 URL로 리디렉션할 수 있습니다. 404로 리디렉션해야 하는 경우notFound 함수를 사용할 수 있습니다.

---

redirect()

redirect() 함수를 호출하면 NEXT_REDIRECT 에러가 발생하고 에러가 발생한 경로 세그먼트의 렌더링이 종료됩니다.redirect() 함수는 상대 또는 절대 URL을 사용하여 호출할 수 있습니다.

 

app/team/[id]/page.js

// Javascript
import { redirect } from 'next/navigation';
 
async function fetchTeam(id) {
  const res = await fetch('https://...');
  if (!res.ok) return undefined;
  return res.json();
}
 
export default async function Profile({ params }) {
  const team = await fetchTeam(params.id);
  if (!team) {
    redirect('/login');
  }
 
  // ...
}

Note: redirect() 는 타입스크립트 never type을 사용하기 때문에 반환 redirect() 를 사용할 필요가 없습니다.