Nextjs1 [Nextjs] pathname 사용하기 레이아웃에서 pathname 활용레이아웃에서 URL 정보를 토대로 페이지별로 다르게 렌더링하고 싶은 경우가 존재한다. 예를들어 네비게이션에서 현재 페이지에 활성화 표시를 추가할 수 있다. 이러한 경우 pathname을 사용해야 하는 UI 부분만 클라이언트로 분리한다. 레이아웃에서 해당 컴포넌트를 import하여 추가한다. 레이아웃export default function Layout() { return ( // ... )} 클라이언트 컴포넌트'use client';import { usePathname } from "next/navigation";export default function Navigation() { const pathname = usePathname(); return.. 2025. 1. 19. 이전 1 다음
