목록2024/03/08 (1)
우주먼지 개발 log
[next] dynamic Route 와 useParams 사용법
1. useParams 사용법 현재 경로에 있는 dynamic parameter를 읽을 수 있게 해주는 클라이언트 사이드의 Hooks 이다. 공식문서 : https://nextjs.org/docs/app/api-reference/functions/use-params 'use client' import { useParams } from 'next/navigation' export default function ExampleClientComponent() { const params = useParams() // Route -> /shop/[tag]/[item] // URL -> /shop/shoes/nike-air-max-97 // `params` -> { tag: 'shoes', item: 'nike-ai..
etc
2024. 3. 8. 03:55