jjangsh 님의 블로그

주요 의사결정의 핵심, 라우팅 📌 일반적으로 Next.js를 채택할 때 주요한 의사결정1. Pages router 사용?2. App router 사용? 📌 Next.js는 라우팅(Routing)을 중심으로 두 가지로 나뉘게 된다.1. 12버전까지 사용해오던 Pages Router 방식2. 13버전부터 새롭게 도입된 App Router 방식 📌 그렇다면 왜 router 기반으로 주요한 속성을 분류하는 것인가 의문이 들었다.1. 우리는 웹사이트를 기획할 때, 어떤 페이지가 존재할지, 라우팅은 어떻게 할지를 먼저 고민한다!!2. 라우팅은 그만큼 프론트엔드 개발자에게 아주 중요하다.   React와 Next.js에서의 라우팅 구현 방법React.js : react-router-dom을 이용해서 라우팅을 가..

Pre-Rendering (Static) - Server Side Generation (SSG) // SSG - Server Side Generation(Static)// 서버에서 미리 html을 만든 후 브라우저에 보여주는 렌더링// 아무것도 하지 않으면 SSG// next.js에서는 기본적으로 아무것도 설정하지 않았다면 SSG로 동작// SSG는 빌드타임에 페이지를 만들어줌// 정적 페이지를 로드하기 때문에 처음에 한번 로드하고 다시 로드하지 않음const Ssg = async () => { const res = await fetch("http://localhost:4000/posts", { cache: "force-cache", }); const data = await res.json()..