[React] ReactJS로 영화 웹 서비스 만들기_(7)

강의 내용 요약
#7.5 ~ #7.9

 

○ react-router-dom

Router만들고 그 안에 Route 만들엇어

그리고 누군가 /로 가면 Home을 보여줄거야

 

  - hash router -> 뒤에 뭔가가 붙어 ( http://localhost:3000/#/detail )

  - browser router -> 웹사이트 url처럼 생김 ( http://localhost:3000/detail )

=> 차이점 : url 차이

뒤에 뭘 붙이기 싫으니까 보통은 browser router을 사용해

 

 

<a href="/movie">{title}</a>

보통 이렇게 썼었을거야

하지만 페이지 전체가 재실행돼

-> Link : 브라우저 새로고침 없이도 유저를 다른 페이지로 이동시켜주는 컴포넌트

<Link to="/movie">{title}</Link>

-> 이동은 했지만 새로고침하는 것처럼 안보여 -> 빠르게 반응하는 것처럼 보여

 

<Route path="/movie/:id">

-> /movie/1로 가고싶은경우 사용

 

 

 

   ※ useParams : url에 있는 값을 반환해주는 함수(특히 변경되는 값)

     - React Router는 내가 Route에 써둔 변수명을 그대로 사용하고 있어