(React) 리액트 라우터 사용하여 고정 메뉴 만들기(react-router v6 2022.4 기준 최신버전)

포스팅 요약

1. 포스팅 이유

2. 결과 영상

3. 소스 다운

4. react-router-dom v6관련 참고하시면 좋은 문서자료

---

1. 포스팅 이유

아오 리액트 또 업데이트 됐습니다..

개인 공부하다가 <Switch>가 안먹길래 찾아보니 ,

2021년에 react-router-dom 이 v5에서 v6로 업데이트 되면서 <Switch>는 없어졌더라구요...

그래서 공부 기록겸 포스팅 하게 되었습니다...

 

아래 링크는 참고하시면 좋은 블로그입니다.

react-router-dom v5에서 v6로 어떤부분이 변경되었는지 알려줍니다.

https://velog.io/@soryeongk/ReactRouterDomV6

 

** 최대한 좋은 코드를 제공해드리려 노력할게요,

저보다 더 좋은 코드를 짜신다면 공유 환영합니다!!

---

2. 결과 영상

---

3.소스 다운

소스코드 보러 바로가기

https://github.com/6810779s/selected_menu

GitHub - 6810779s/selected_menu

 

깃허브 사용법을 잘 모르시는 분들은

아래 사진에서 표시한 방법 두개 중 하나 선택하셔서 코드 보시기 바랍니다!! 

---

4. react-router-dom v6관련 참고하시면 좋은 문서자료

1) React-Router 공식문서 보기

https://reactrouter.com/docs/en/v6/getting-started/tutorial

 

2) react-router-dom v6 업데이트된 내용 보기 - 요약버전

https://velog.io/@soryeongk/ReactRouterDomV6

 

2) 리액트 업데이트 내용(react-router-dom관련), 리액트 공식문서에서 보기

https://reactjs.org/blog/2022/03/08/react-18-upgrade-guide.html