리액트 라우터는 리액트의 화면 전환을 도와주는 역할을 한다. 일반적인 웹에서 a 태그를 이용해 다른 페이지로 이동했었다면, 리액트에서는 React-Router를 통해 Link 컴프넌트를 사용하여 화면을 전환한다. 리액트는 변화가 있는 컴포넌트만 업데이트하여 효율적으로 성능을 관리하는 구조로 페이지 이동 시 굳이 화면 전체를 새로 고침 할 필요가 없기 때문이다.
a 태그를 사용할 경우 페이지를 아예 새로 불러오게 되므로 리액트 앱이 지니고 있는 상태들도 모두 초기화되고 페이지가 새로 렌더링 된다.
리액트에서는 SPA 특징을 잘 사용하기 위해 React Router를 사용한다.
'💻 프로그래밍 > 🆁 React' 카테고리의 다른 글
| React Router 에서 Navigate 함수를 확장하여 사용하기 (0) | 2023.08.17 |
|---|---|
| 리액트 사용의 이해 (0) | 2022.11.18 |
| React 프로젝트에 sass 연결시 Node Sass version 6.0.1 is incompatible with ^4.0.0 || ^5.0.0. 에러 해결 (0) | 2021.07.18 |
| Create React App, Webpack (0) | 2021.07.16 |
| NPM vs Yarn (0) | 2021.07.15 |