URL 세그먼트는 대괄호 폴더와 매칭된 뒤 params Promise로 page에 전달된다
서버 컴포넌트 page에서는 params를 await해 실제 slug나 id 값을 꺼낸다.
| 순서 | Next.js가 보는 것 | 전달되는 값 | 코드에서 확인 |
|---|---|---|---|
| 1 | 요청 URL /blog/nextjs-basics | blog + nextjs-basics | 고정 blog 뒤 가변 값 확인 |
| 2 | 폴더 app/blog/[slug] | slug 키 결정 | 대괄호 안 이름 확인 |
| 3 | page.tsx 호출 | params Promise 전달 | props 타입을 Promise로 선언 |
| 4 | await params | { slug: 'nextjs-basics' } | const { slug } = await params |
| 5 | 데이터 조회 | slug로 DB/API 조회 | 없는 slug는 notFound 처리 검토 |