[생활코딩] Next.js - 동적 라우팅 (Dynamic Routing)

Sungw__k·2023년 8월 8일
post-thumbnail


앞서 라우팅에 대해 알아보았는데 위의 코드처럼 read/1, read/2 가변적으로 변경되는 경로에 대해서는 어떻게 처리해야할까?


우선 read 폴더를 app 폴더 안에 만들고 동적으로 바뀌는 세그먼트(파라미터)에 이름을 부여하여 새로운 폴더를 read 폴더안에 만든다. 이 때 폴더 이름은 대괄호로 쌓여있어야 한다.

즉 내가 저 동적으로 바뀌는 세그먼트를 id로 칭하고 싶다면 app/read/[id]/ 경로에 page.js 파일을 만들면 된다. 이 때 id값은 props.params.id로 접근할 수 있다.

0개의 댓글