router2 [Next.js] router.query 사용 시 'undefined' 오류 해결 이번 SW 캡스톤디자인 프로젝트에서 대회 페이지를 제작하던 중 대회 id를 query로 받기 위해 useRouter Hook을 사용하다가 router.query 값이 'undefined'로 들어오는 오류가 발생했다. 이전 페이지에서 쿼리 값을 전달해줬을 경우에는 문제가 발생하지 않았는데, 새로운 경로로 접속하거나 뒤로가기를 했을 경우에 이러한 오류가 발생했었다. 이는 Next.js의 정적 파일 최적화(Automatic Static Optimization)로 인해 라우트 매개 변수가 제공되지 않기 때문이라고 한다. 정적 파일 최적화(Automatic Static Optimization)란 ?Next.js는 페이지가 데이터 요구사항이 없으면(즉, 서버에서 데이터를 가져올 필요가 없으면) 정적(사전에 렌더링 .. 2023. 6. 15. [Next.js] Router 정리 1) next/router import { useRouter } from "next/router"; const router = useRouter(); Next.js에서 라우터를 사용하려면 useRouter 훅을 사용해서 router 객체에 접근할 수 있습니다. (참고로, useRouter 는 리액트 훅 이므로 클래스 컴포넌트 내에서 사용 불가합니다.) 라우터에서 자주 사용하는 메서드 router.push router.replace router.prefetch router.beforePopState router.back router.reload router.events 2) router.push() router.push(url, as, options) url: [필수] 라우팅 하려는 url as: [선택].. 2023. 4. 22. 이전 1 다음
