React 복습 - Parameters

useParams

URL의 동적 파라미터 (경로 변수)를 가져올 때 사용한다.

<Route path="/movie/:id" element={} />
와 같이 요청이 들어오면 동적 id값을 가져오고자 할때 useParams를 사용한다.

movie/:id는 동적인 값을 나타낸다.
동적인 값 id를 가져오고 싶을 때 useParams를 사용한다.

import { useParams } from "react-router-dom";

export default function Detail() {
  const { id } = useParams();  // 경로에 있는 id를 가져옴

  return <h1>Movie ID: {id}</h1>;
}

npm i gh-pages

결과물을 github pages에 업로드 할 수 있게 해주는 패키지이다.
production ready 코드가 압축, 모든게 최적화 된다는 의미

package.json에

script에
"deploy": "gh-pages -d build",
"predeploy": "npm run build" 자동으로 프로젝트가 build되고 github pages에 push된다.

publishing