SPA 라우팅 과정
1. 브라우저에서 최초에 / 경로로 요청을 하면
2. React Web App을 내려줍니다.
3. 내려받은 React App 에서 / 경로에 맞는 컴포넌트를 보여줍니다.
4. React App 에서 다른 페이지로 이동하는 동작을 수행하면,
5. 새로운 경로에 맞는 컴포넌트를 보여줍니다.
npm i react-router-dom
- cra에 기본 내장된 패키지가 아닙니다
- react-router-dom 은 Facebook의 공식패키지는 아닙니다.
- 가장 대표적인 라우팅 패키지 입니다.
npm create-react-app react-router-example
https://han-py.tistory.com/445
[React] React Router 페이지 이동
React Router React를 페이지를 분할하고 이동하기 위해 React Router를 사용법에 대해 알아보자. 버전5는 다른 블로그에 많이 있기 때문에 아래에서는 최신 버전인 React Router 버전 6을 사용하는 방법에
han-py.tistory.com
'React' 카테고리의 다른 글
| React Component Styling (0) | 2023.02.07 |
|---|---|
| husky (0) | 2023.02.06 |
| 이벤트 처리하기 (0) | 2023.02.05 |
| 이벤트 처리하기 (0) | 2023.02.03 |
| State and Liftcycle (0) | 2023.02.03 |