react 5 (router)

🧇🥞 react-router-dom 설치하기 ==> 페이지를 나누는 역할

공식 사이트 주소 - https://reactrouter.com/en/main/start/tutorial

1) 설치하기 -- npm install react-router-dom

BrowserRouter는 react 전체를 싸주어야한다

index.js에서

App.js에서

첫페이지

두번째페이지(/abuout를 추가한 모습)

🤗 링크로 연결해서 페이지로 갈때

• https://reactrouter.com/en/main/components/link (참조하슈)

• link는 a태그로 변환된다. 라우터간에 이동할수 있게 도와주는 링크
  

🤩 button을 클릭해서 페이지로 갈때(함수안에서 사용하는 방법)

-useNavigate를 사용해서 만들기