리액트)페이지구성,디펜던시,index,app

1.페이지구성

 

App.js

 

---->Home ----->Productdetail ----->Cart2 -----결제페이지 

---->Login 

---->Usersaveform

---->Mypage 

---->Itemmanage -----> Itemsaveform  

                             ------> Updateform

---->Cart2 ----결제페이지

 

----->내정보보기+정보수정하기 

 

 

 

2.사용한 디펜던시

 

3.index.js 분석하기

 

3-1 <browserrouter>-> 라우터로 <app>의url 변경을 감지

3-2 <provider> ->store.js공간을 <app>에 공유

 

4.app.js

 

 

4-1 <Header>는 모든페이지에 적용한다

4-2 url에 따라 컴포넌트를 바꿔주는게 리액트에선 페이지라고 부른다

4-3 route에 exact를 넣어줘야만 url이 /로 되었을때 하위주소 컴포넌트가 반응하지 않는다.