유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

Master Dynamic Routing in Next.js 13 - What You Need to Know!

Edubaba

2023. 6. 24.

0

#frontend
  • Next.js 13에서 동적 라우팅을 사용하여 미리 정해진 파일 이름을 알지 못할 때 데이터 기반 라우트를 만들 수 있습니다. 📄

  • 동적 라우터 설정 시, 접두어를 []로 묶어 사용하는 것이 좋습니다.
    📦

  • 동적 라우트 경로 내에 페이지 파일을 만들면, 파라미터를 추출하여 사용할 수 있습니다. 🪄

  • useEffect를 이용하여 동적 라우팅 동작 확인 및 데이터 업데이트 가능. 💡

  • name 과 같이 동적 라우터 변수를 사용할 때, 화면 상 일치하는 변수명으로 사용해야 합니다. 🔗

  • 캐치-올 라우팅 기능을 사용하면 동적 패스와 정해진 라우트 매핑 효과 병행 가능합니다. 🤸

  • params 객체는 동적 라우팅 변수를 저장하여 활용 가능합니다. 🧰

Recommanded Videos