5-1

React Router이라는 라이브러리

 

 

VSCode의 초기 화면

 

 

웹사이트에 대한 정보들을 잡아넣는 페이지:Aboutpage

 

 

Homepage와 Aboutpage가 같은 페이지에 나온다...

그냥 리액트 만으로는 여러개의 페이지를 만들 수 없다.ㅜ

이때 필요한건 ... 리액트 라우터(라는 라이브러리)!!

- 상황에 맞춰서 Homepage만 혹은 About page만 보여주기도 한다. 왔다갔다 switch해준다.

 

 

 

<BrowserRouter>

너 앱은 라우터로서 기능을 할것이야

너를 감싸고 있다

 

Routes = switch - > 컴포넌트를 상황에 맞춰서 스위치!(버전 업그레이드 이유)

ㅣ->각각의 페이지를 정의

 

 

속성값 2개

Path(경로)

Element(보여줄 페이지)

 

페이지가 여러개려면 주소도 여러개여야 한다.

 

 

 

각 페이지 별로 주소가 있어야 찾아감!

내가 페이지 주소도 모르는데 어떻게 찾아가...

페이지가 여러개가 되는 순간, 각 페이지의 주소를 신경써야 한다.

 

path: 각 페이지의 주소

element : 그 주소에(일때) 보여주고 싶은 페이지

 

 

 

이렇게  여러개의 웹페이지를 만들 수 있다.!