처음 만난 Next.js 문서
1.5
마치며
이번 장에서 배운 내용은 아래와 같습니다.
- React와 Next.js
- 라이브러리와 프레임워크
- 라이브러리: 특정 기능을 수행하는 함수나 자주 쓰는 데이터 등을 잘 정리해서 모아놓은 모음집
- 프레임워크: 소프트웨어 개발을 위해 재사용 가능한 일련의 라이브러리나 클래스를 제공하는 구조화 된 플랫폼
- 차이점: 프레임워크는 애플리케이션의 흐름을 직접 제어
- React와 Next.js의 관계
- Next.js는 React를 사용해서 웹 애플리케이션을 개발하는 과정에 일관된 구조와 흐름을 넣은 프레임워크
- 자유도는 낮지만 일관된 구조와 흐름을 가지기 때문에 개발적인 측면에서 장점이 많음
- 직접 구현하려면 복잡한 기능들을 Next.js 설정을 조금 변경함으로써 적용 가능
- 라이브러리와 프레임워크
- CSR vs SSR
- CSR (Client Side Rendering)
- 렌더링이 클라이언트(웹브라우저)에서 이뤄지는 것
- 가장 전통적이고 일반적인 렌더링 방식
- SSR (Server Side Rendering)
- 렌더링이 서버에서 이뤄지는 것
- 서버에서 렌더링을 하여 완전한 HTML을 클라이언트에 보내주는 방식
- CSR (Client Side Rendering)
- SSG (Static Site Generation)
- 정적 웹사이트 생성을 의미
- 서버에서 동적으로 생성되는 내용 없이 미리 생성된 정적인 파일들로 구성된 웹사이트
- Next.js의 탄생 배경
- 2016년 10월에 ZEIT(현 Vercel)라는 회사에서 개발하기 시작한 오픈소스 리액트 프레임워크
- 1인 개발자가 손쉽게 앱을 개발하고 배포할 수 있도록 지원하기 위한 목적
- SSR, SSG, 손쉬운 라우팅, 백엔드 기능 통합, 최적화 등의 기능을 지원
마지막 업데이트: 2025년 10월 24일 01시 33분
이 문서의 저작권은 이인제(소플)에 있습니다. 무단 전재와 무단 복제를 금합니다.
On this page