<aside>
🚩 [학습 목표]
- React-router-dom의 핵심 개념과 관련 hooks에 대해 이해할 수 있습니다.
- children을 사용하는 이유와 방법에 대해 이해할 수 있습니다.
</aside>
1. react-router-dom이란?
- (1) 페이지를 구현할 수 있게 해주는 패키지
2. react-router-dom 설치하기
3. react-router-dom 사용하기
- (1) 사용방법 순서
- (2) 페이지 컴포넌트 생성
- (3) [중요] Router.js 생성 및 route 설정 코드 작성
- (4) App.js에
Router.js
import 해주기
- (4) 페이지 이동 테스트
3. react-router-dom Hooks
- (1) react-router-dom Hooks이란?
- (2) useNavigate
- (3) useLocation
- (4) Link
<aside>
💡 이 밖에도 URL의 query
를 알 수 있는 useParams
등 많은 hook들이 있으니 공식문서 또는 구글링을 통해서 찾아가며 학습하시길 바랍니다.
</aside>
4. children 용도