리엑트 라우터는 페이지를 전환하는거다

라우터는 URL를 보고있는 components이다.

react dom을 사용하기위해 몇가지를 imoport해야한다.

라우터는 두가지가 존재한다.

• 해쉬 라우터
• 브라우저 라우터

Switch는 라우터를 찾는역할을 한다. 라우터는 여기서 URL이다. 또한 switch는 하나의 라우터만 동작할 수 있게 해준다.

라우터에 쓰인 path로 가면 라우터 안에 쓰인 components가 동작한다.

이제 영화제목을 클릭하면 Detail화면으로 넘어가는걸 구현할 것인데 기존 html a tag로 한다면 페이지가 재 랜더링 되가지고 효과적이 결과를 얻지 못한다. 우린 미리 랜더링된 리엑트를 써야하기때문에 전용 컴포넌트를 사용한다. 그것이 Link이다. Link는 새로고침 없이도 다른 페이졸 이동시켜주는 컴포넌트이다.

그래서 a tag대신해 Link components를 사용하여 to arttribute로 path을 입력한다.

라우터는 다이나믹 URL을 지원하는데 다른말로 url에 변수를 넣을 수 있다는 것이다. 변수는 콜론:을 주어 변수를 받게 한다.

useParams를 이용하여 라우터에 전달된 변수를 component가 받아 useParams에 전달하여 변수를 사요할 수 있다.