목록2025/07/02 (1)
끄적이는 개발노트
Next.js 15 - Dynamic Routes (서버 & 클라이언트)
app routing으로 변경되면서 동적경로(Dynamic Routes)를 하는 방법이 약간은 달라졌다. 서버 컴포넌트와 클라이언트 컴포넌트에서 불러오는 방법이 각각 다른데 이를 정리한다.Dynamic Routes?동적 경로라는 의미로 [id]와 같은 형식으로 파일을 지정해 URL에 따라 동적으로 페이지를 렌더링 1. 서버 컴포넌트// app/product/[id]/page.tsxinterface IProductPage { params: { id: string };}const ProductPage = async ({ params }: IProductPage) => { const { id } = await params; return ( Dynamic Routes ID ..
JavaScript/Next.js
2025. 7. 2. 21:41