라우터, 라우팅🌟🌟

https://reactrouter.com/docs/en/v6/upgrading/v5

React Router | Upgrading from v5

웹 라우팅 = 메카니즘?

라우팅은 프로세스인데, 우리가 네트워크에서 있는 traffic의 path를 선택하는 프로세스.

=> 네트워크상에 우리가 특정 url을 요청했을때 어떤 경로를 이용해서 데이터를 받아올건지를 결정해주는 길을 결정!

 

HTTP 리퀘스트를 즉, 사용자가 요청하는 url링크를 요청했을때, 

어떤 특정한 페이지로 연결 할 건지를 결정하는 메카니즘.

사용자가 url을 주면 그걸 어떤 페이지로 연결 할 건지를 결정하는 아이.

 

라우터는 여기 보이는것처럼

메인페이지에서 /home, profile...과 같은 추가경로가 붙었을때 

어떤페이지를 보여줄 것인지 결정하고, 도와주는것이 바로 라우팅! 

 

yarn create react-app router 설치

cd router

yarn start (꼭 폴더안으로 들어와서!) => 프로젝트 실행

yarn add react-router-dom  => 라이브러리 추가 

Home 컴포넌트 

profile 컴포넌트