next.js 다이나믹 라우팅

JS2L·2023년 7월 29일
0

dynamic route(동적 라우팅) 만드는 법

폴더를 만들 때 폴더이름을
[폴더이름] 이렇게 만들면 '이 부분에 아무거나 입력했을 때' 라는 뜻이 됩니다.

예를 들어 /photo/[어쩌구]/page.tsx 이렇게 만들어놓으면
누가 /photo/아무문자 로 접속했을 때 page.tsx 를 보여줍니다.

예를 들어 /detail/[어쩌구]/page.tsx 이렇게 만들어놓으면
누가 /detail/아무문자 로 접속했을 때 page.tsx 를 보여줍니다.

그래서 이렇게 구성해놓으면 아까처럼 수많은 폴더를 직접 만들 필요가 없으니까 이거 쓰는게 낫겠죠?

그럼 이제
/detail/1
/detail/2
아무렇게나 접속해도 해당 page.tsx가 잘 뜹니다.

profile
신입 개발자의 독고다이 개발일지

1개의 댓글

comment-user-thumbnail
2023년 7월 29일

좋은 글 감사합니다. 자주 올게요 :)

답글 달기