다이나믹 세그먼트

Htt's 개발일지·2024년 5월 7일

세그먼트 이름을 모르고 동적 데이터에서 경로를 생성하려는 경우


  • 폴더 이름을 대괄호로 묶어 생성 할 수 있다. ex) [folderName], [slug]
  • 함수 parmas에 Prop으로 전달

export defalut function Page({params}:{params:{slug:string}}){
return <div>My Post:{params.slug}</div>
}

  • slug의 값에 따라 url이 바뀐다.

포괄 세그먼트

  • 대괄호 안에 줄임표를 추가할 시 세그먼트를 확장할 수 있다.
    ex) [...folederName]

+선택적

포괄 세그먼트를 선택사항으로도 설정 할 수 있다.
ex) [[...folederName]]

profile
웹의 매력을 그림으로 풀어내는 프론트엔드 개발자

0개의 댓글