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

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

데브허브 커뮤니티

Next.js pattern: Active state for navigation links

leerob

2024. 7. 12.

0

#frontend
  • Next.js에서 네비게이션 링크의 활성 상태를 나타내기 위한 패턴으로, 주요 아이템은 서버 컴포넌트 내 usePathname 호크를 활용하여 현재 요청 경로를 가져오는 것입니다. 🛰️
  • usePathname 호크는 현재 경로를 읽어와서, Nav 링크 스타일링을 다르게 적용할 수 있도록 합니다. ✨
  • 서버 컴포넌트와 클라이언트 컴포넌트를 함께 사용하여, Navigation Link 에 스타일을 적용할 수 있습니다. 💻

Recommanded Videos