<aside> 🚩 Goal: dynamin route를 설정하고, path variable값을 조회해봅시다.

</aside>

[목차]

<aside> 🚫 이번 챕터에서 배우는 react-router-dom은 6.x.x 버전을 기준으로 하여 작성되었습니다. 5.x.x 버전과 호환이 되지 않으니 참고하세요.

</aside>

11_exported.mp4

1. 상세 페이지 구현하기

• (1) Dynamic Route란?
• (2) Dynamic Route 설정하기
• (3) 페이지 이동 테스트

2. Dynamic Routes와 useParam

• (1) query parameter 조회하기

3. 정리

• react-router-dom을 통해 Dynamic Route를 설정할 수 있다.
• Dynamic Route를 설정할때는 :id 로 설정하고, id 값은 useParams을 이용해서 각 컴포넌트에서 조회할 수 있다.

3. 더 찾아보면 좋을 키워드

• query parameter, query string, path variable 이란 각각 무엇인가?

← 뒤로가기