1. Next.js 는 무엇인가?
Vercel에서 release한 오픈 소스로,
(Vercel 은 미국의 클라우드 회사로, PaaS(Cloud Platform as a Service)를 제공한다.)
Next.js는 풀스택 웹 개발을 위한 여러 추가 기능을 지원하는 리액트 프레임워크이다.
그렇다면 리액트는 무엇일까?
간단하게 요약하면,
리액트는 컴포넌트 단위로 UI를 쉽게 만들 수 있게 하는 자바스크립트 라이브러리이다.
Framework vs Library - 프레임워크와 라이브러리의 차이
Next.js는 다음의 원칙들을 기반으로 두고 있다고 한다.
1. out-of-the-box functionality requiring no setup
2. JavaScript everywhere - FE, BE , Fullstack
3. automatic code-splitting and server rendering => 웹 사이트 로딩 속도 빨라진다
4. configurable data-fetching
5. anticipating requests
6. simplifying deployment
2. 주요 특징/기능
- Routing - file-system 기반의 라우팅 기능을 제공한다.
- Rendering - SSR과 하이브리드 렌더링을 지원한다. => SEO 최적화
- Data Fetching - data fetching을 설정할 수 있다.
- Styling
- Optimizations : Image, Fonts, Script Optimization -
- TypeScript
참고한 게시물
'FrontEnd > Next.js' 카테고리의 다른 글
[ Next.js ] next/document Head vs next/head Head (0) | 2023.12.24 |
---|---|
[ Next.js ] 절대경로 설정하기 (0) | 2023.12.24 |
[ Next.js ] Next.js v12 프로젝트 세팅하기 (1) | 2023.12.24 |
[ Next.js ] Static Site Generation vs Server Side Rendering (1) | 2023.11.24 |