REACT에서 페이지 이동처리 하는 방법
라우팅이란?
사용자가 요청한 URL에 따라 해당 URL에 맞는 페이지를 보여주는 것
리액트 라우더 (React Rouder)
사용자가 입력한 주소를 감지하는 역할, 여러 환경에서 동작할 수 있도록 여러 종류의 라우터 컴포넌트를 제공
이중 가장 많이 사용하는 컴포넌트는 BrowserRouter와 HashRouter
- BrowserRouter : HTML5를 지원하는 브라우저의 주소를 감지
- HashRouter : 해시 주소를 감지 (ex : http://localhost3000/#home)
설치 방법
npm install react-router-dom
'기타 > React' 카테고리의 다른 글
[React] vscode 단축기 설정 (0) | 2024.05.13 |
---|---|
[React] 지연로딩(lazy loading) (0) | 2024.05.13 |
[React] TypeScript (0) | 2024.05.06 |
[React] React state, useEffect (0) | 2024.05.06 |
[React] React Components와 Props, 이벤트 (0) | 2024.05.06 |