Next.js

리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로, 리액트에 없는 SSR, SSG, ISR 기능 제공함. 수많은 내장 컴포넌트와 플러그인으로 거대한 상용 애플리케이션에도 적용 가능.

서버에서 HTML 코드를 동적으로 렌더링하고 웹 브라우저로 전송. 하이드레이션: 렌더링한 페이지에 스크립트 코드를 집어넣어서 나중에 동적으로 처리장점보안성: 서버에서 쿠키, 주요API, 데이터 검증등이 이루어지기 때문에 더 안전함

React에서 사용하는 React-Router 라이브러리는 클라이언트에서의 라우팅만 구현 → 모든 페이지가 클라에서만 만들어지고 렌더링Next.js에서는 파일시스템 기반 페이지와 라우팅 사용

1. 정적페이지 만들 때 getStaticProps() 통해 빌드 시점2. 페이지 렌더링할 때 getServerSideProps()를 통해 실행 도중

Next.js는 자체 서버를 제공하기 때문에 별도 서버 준비 필요 X단, 어떤 경우에서는 별도 웹서버가 필요하기도 함커스텀 웹 서버에서 실행할 수 있는 직관적 API 제공Next.js 웹 애플리케이션을 기존 서버에서 실행하는 경우 (리팩터링

만들고자 하는 웹 사이트나 웹 애플리케이션의 성격에 따라 달라야함클라이언트 사이드 렌더링 (CSR)애플리케이션은 하나의 자바스크립트 번들 형태로 배포되며 웹 브라우저가 자바스크립트 번들 전체를 다운로드한 후 코드를 실행해서 HTML 콘텐츠를 동적으로 생성렌더링과 관련된