BIBLIYA 개발 노트 LV_1

react-router-dom에서의 표현 방법 /movies/:id NextJS에서의 표현 방법 /movies/all pages/movies/all 파일 만들기 movies만도 만들고 싶을 경우 index도 만들어 준다 NextJS는 폴더만 만들어주면 자동으로 만들어준다 하지만 ID 값(변수)를 넘길때는 따로 페이지를 만들어 줘야하는 규칙이 있다. [] 대괄호를 사용해서 파일을 만들어 준다. Step 1 import { useRouter } from "next/router"; export default function Detail() { const router = useRouter(); console.log(router); return "detail"; }

Routing components/NavBar.js import Link from "next/link"; export default function NavBar() { return ( Home About ); } pages/index.js import NavBar from "../components/NavBar"; export default function Home() { return ( Hello ); } useRouter() import Link from "next/link"; import { useRouter } from "next/router"; export default function NavBar() { const router = useRouter(); // useNavigate 같은 역할인듯..