[fastcampus] Ch4. React Router (3)

패스트캠퍼스 한 번에 끝내는 프론트엔드 개발(Online) 강의 외 추가 서칭 정리

Router 분류

라우터를 지정할 때 가급적 트리(컴포넌트 트리)의
최상위 루트에 지정해서 사용하는 것이 좋다

개발 종류에 따른 라우터 분류

<BrowserRouter> 또는 <HashRouter> : 웹서비스를 만들때 사용
<StaticRouter> : SSR 웹 제작시 사용
<NativeRouter> : RN(스마트폰 애플리케이션> 이용시 사용
<MemoryRouter> : 테스트 시나리오 또는 다른 라우터 참조한 구현시 유용

React Router는 두가지 선언 방식 사용

JSX 사용 : <Routes>와 <Route> 사용
JS 사용 : useRoutes 사용

https://unho94.tistory.com/55

중첩 라우팅

https://www.daleseo.com/react-router-nested/

React Router V6 변경사항

구글링을 하다가 다르게 작성된 코드를 보고,
강의는 React Router v5 버전이라는 걸 알게되서
v6 관련된 몇가지 내용 서칭..

https://www.jaeme.dev/react-router-v6/
https://velog.io/@soryeongk/ReactRouterDomV6
https://blog.woolta.com/categories/1/posts/211
https://kyung-a.tistory.com/36
https://velog.io/@soryeongk/ReactRouterDomV6