Movie component가 props 정보들을 parent component로부터 받아온다고 말하고 있음
Home.js
=> 우리의 App component 전체를 가지고 있음 (Movie 페이지의 Home이라고 생각)
React-router : 신규 페이지를 불러오지 않는 상황에서 각각의 url에 따라 선택된 데이터를 하나의 페이지에서 렌더링 해주는 라이브러리
App.js는 router를 render
=> route(URL)을 찾으면 컴포넌트를 렌더링한다.
router는 URL을 보고 있는 component이고
- BrowserRouter : 우리가 잘 아는 URL
- HashRouter : # 붙음..?
react-router-dom
route 관련 컴포넌트 모음집
- Router : 유저가 있는 url에 따라 유저에게 보여주고 싶은 것들
- Routes : 한 번에 하나의 Route만 렌더링하기 위함
- Route : path(url)와, 그에 따라 보여질 컴포넌트를 element로 받음
- 동적 지원도 가능 : url에 변수 설정 가능
title 누르면 해당 사이트 이동
-> html이면 a로 링크 걸면 되지만, 이렇게 되면 이동하면서 페이지 전체가 다시 실행됨
-> react-router-dom의 Link 사용 : 새로고침 없이 유저를 다른 페이지로 이동시켜줌
useParams
react router에 이 url이 변수를 받을거라고 말해주고
conse x = useParams
deploy
npm run deploy
