Next 2

[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: [선택]..

Next.js 2023.04.22

[Next.js] Next.js 프레임워크의 기능 및 사용 이유

Next.js 란 무엇인가 Next.js는 리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링server-side rendering(SSR), 정적 사이트 생성static site generation(SSG), 증분 정적 재생성incremental static regeneration(ISR)과 같은 다양하고 풍부한 기능을 제공합니다. + 확장 가능하고 유지 보수가 쉬운 웹 애플리케이션을 만들기 위한 여러 가지 방법을 제공 최근 몇 년 사이 웹 개발 분야에는 많은 변화가 있었습니다. 최신 자바스크립트 프레임워크들이 개발되기 전에는 동적 웹 애플리케이션을 만들기가 어렵고 복잡했습니다. 수없이 많은 라이브러리를 사용해야 했으며 원하는 대로 작동하도록 설정하는 것도 버..

Next.js 2023.04.11