Next.js는 풀스택 웹 어플리케이션을 구축하기 위한 React 프레임워크 이다. 프론트 단의 UI구성은 React로 하고, Next.js를 사용하여 추가 기능과 최적화를 수행한다. 내부적으로 Next.js는 번들링, 컴파일 등과 같이 React에 필요한 도구를 추상
필요한 페이지마다 미리 만들어 놓고 이동할 때마다 그 페이지를 보여주는 정적 라우팅도 있지만 그 개수가 많아지면 효율성이 떨어진다. 그렇기 때문에 골격은 그대로 보여주되, 사용자가 입력한 경로로 이동했을 때 그 입력한 데이터와 동일한 페이지를 그대로 이용하면서 경로의
layout은 페이지간에(routes) 공유가 가능한 UI이다. 그래서 layout.js파일은 여러 페이지(page.js)들에 공통적으로 적용되는 UI를 정의하는 컴포넌트라고 할 수 있다. layout.js는 하위의 page.js 및 layout.js 를 자식(chil
서버 컴포넌트는 애플리케이션의 서버 부분에서 렌더링되는 컴포넌트이다. React에서는 2020년 12월에 React Server Component를 소개했다. 즉, RSC는 react팀이 설계한 새로운 어플리케이션 아키텍처이고 React 18v 이후에 이것을 nextj