React Router
- 라우팅(Routing)은 웹 애플리케이션에서 사용자가 다른 페이지로 이동할 때를 관리하는 것을 말함. 쉽게 말하면, 사용자가 다른 링크나 주소를 클릭하면 해당하는 화면을 보여주는 것
- React에서는 React Router와 같은 라이브러리를 사용하여 라우팅을 구현할 수 있음.
- React-Router는 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 라이브러리
① BrowserRouter
- 실제 경로를 반영한 URL을 사용 (예: http://example.com/about)
- 브라우저 히스토리를 사용해 검색 엔진이 경로를 읽을 수 있어 SEO에 유리함.
- SEO는 검색 엔진 최적화(Search Engine Optimization)의 약자로, 웹사이트가 검색 엔진에서 잘 나올 수 있도록 만드는 것
② HashRouter
- URL에 해시(#)가 포함된 형태로 구성 (예: http://example.com/#/about)
- URL에 #이 포함되어 있어 검색 엔진이 읽기 어려워 SEO에 불리함.
'⛵ 항해99 > TIL · WIL ✏️' 카테고리의 다른 글
| [TIL] 2023.10.31 - inline-block (0) | 2023.11.05 |
|---|---|
| [TIL] 2023.10.30 - props로 BottomNav 페이지별 적용하기 (0) | 2023.10.31 |
| [TIL] 2023.10.27 - 외부 영역 클릭시 Modal 닫기 (0) | 2023.10.27 |
| [TIL] 2023.10.26 - 페이지 주소 추출(useLocation) (0) | 2023.10.26 |
| [TIL] 2023.10.25 - tailwind 조건부 CSS (0) | 2023.10.26 |