[slug] 폴더 이름은 URL 값의 이름과 params 키를 동시에 정한다
대괄호 안 이름을 바꾸면 코드에서 읽어야 하는 params 키도 같이 바뀐다.
| 만든 폴더 | 매칭 URL | page.tsx에서 읽는 값 | 주의할 점 |
|---|---|---|---|
| app/blog/[slug] | /blog/my-first-post | const { slug } = await params | slug 철자가 폴더명과 같아야 함 |
| app/products/[id] | /products/123 | const { id } = await params | id와 slug를 섞지 않음 |
| app/users/[username] | /users/alice | const { username } = await params | URL 값은 문자열로 들어옴 |
| app/blog/[category]/[slug] | /blog/web/intro | category, slug | 폴더 깊이와 URL 깊이가 일치 |
| app/blog/slug | /blog/slug | 없음 | 대괄호가 없으면 고정 경로 |