Dynamic Routes

• 미리 정의된 URL항목으로 라우트하는 것이 아닌, 변경될 수 있는 Parameter 항목 등의 URL주소를 가질 수 있게 동적으로 처리하는 라우트 방식

Expression

• NextJS의 디렉토리 경로가 URL이 되는 것을 알 수 있습니다.
• Dynamic Routes를 하기위해서는 마찬가지로 디렉토리를 이용하여 가능하며,
  Group Route를 소괄호() 로 감싸서 처리한것과 비슷하게,
  대괄호[]를 이용하여 표현이 가능합니다.

Example)

app/test/[id] 디렉토리 생성 후, 아래와 같은 URL을 입력했을 때,
해당 page.tsx의 property로 다음과 같은 값을 받을 수 있습니다.

/test/1?value=testInfo&value2=123

---

• id : Dynamic Routes로 지정한 키값으로, params에서 값을 받을 수 있습니다.
• value, value2 : 해당 URL의 parameter로 전달된 값으로,
  searchParams에서, object(key-value) 형식의 값으로 받아올 수 있습니다.
  

비슷한 예시

• react-router-dom에서 사용하는 동적 라우트 경로와 유사하고,
  router-dom에서 사용되는 아래의 동적 URL 할당과 유사합니다.

  /test/:id