: 정확한 segment를 모르고 동적데이터에서 경로를 생성하는 경우

conventions

동적 세그먼트는 폴더이름을 대괄호로 묶어서 만듦

ex) [folderName]

→ params 동적 세그먼트는 props로 함수에 전달됨

catch-all segments

괄호 안에 줄임표를 추가해 모든 세그먼트를 포함하도록 확장할 수 있음

ex) [...folderName]

→ 최소한 하나의 세그먼트가 필요함

optional catch-all segments

이중 대괄호로 묶어 선택사항으로 만들 수 있음

└── archive/
    └── [[...id]]/
        └── page.js

ex) [[...folderName]]

→ 세그먼트가 없어도 매치됨 (깊이를 알 수 없는 문서 구조에 유리)

example

folder structure

└── archive/
    ├── [...id]/
    │   └── page.js
    └── page.js