getStaticPaths함수는 다음과 같은 필수 속성 이 있는 객체를 반환해야 합니다.(Paths , fallback) > paths 란? 사전 랜더링될 경로를 미리 정해놓는거 정적으로 생성되고 build 시에 먼저 html을 다 그리는 것 > fallback 이란? 빌드 타임에 생성해놓지 않은 path로 요청이 들어온 경우 어떻게 할지 정하는 boo...
React - SPA와 CSR > 리액트에서 사용하고 있는 SPA(Single page application) 이란 ? 하나의 페이지에서 변경사항이 있을 때, 해당 부분의 데이터만 요청해 페이지를 업데이트 하는 방식을 말합니다. 필요한 부분의 데이터를 서버에 요청
dynamicParams 란 ? > export const dynamicParams = true | false; generateStaticParams 로 생성되지 않은 동적 세그먼트(dynamic Segment)를 방문할 때 발생하는 상황을 제어합니다. dynam
React 18버전의 Server Component 의 도입으로 인해, React 의 프레임워크인 NextJS 13 버전에도 도입되었습니다. // 이 부분은 엘리강의 초반에 나와있는데 설명 애매한것들 강의보고 다시 정리 React 18버전에서의 Server Compo
NexJS 를 공부하면서 Prefetch를 정확하게 기억하기 위해 공식문서를 참고하여 정리하려고 합니다.프리패치는 미리 필요한 데이터나 리소스를 미리 가져와서 캐시에 저장하거나 처리하여 나중에 사용할 수 있도록 하는 것을 의미합니다.쉽게 말해 Nextjs에서 제공하는
프로젝트의 모든 경로에서 실행되는 미들웨어는 어떠한 요청전에 무언가를 실행할 수 있는 함수이다. 미들웨어를 사용할 때, 우리 프로젝트가 src 폴더를 사용한다면 src 폴더 최상단, 또는 페이지와 같은 레벨에서 사용해주면 된다. 기본적인 이해가 없이 쉽게 설명하면