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

공부가싫다가도좋아 2022. 4. 3. 21:44

포스팅 요약

1. 포스팅 이유

2. 결과 영상

3. 소스 다운

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

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

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

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

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

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

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

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

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

소스코드 보러 바로가기

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

GitHub - 6810779s/selected_menu

Contribute to 6810779s/selected_menu development by creating an account on GitHub.

github.com

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

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

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관련), 리액트 공식문서에서 보기