본문 바로가기
FrontEnd/Next.js

[ Next.js ] Next.js 란?

by ウリ김영은 2023. 12. 30.

1. Next.js 는 무엇인가?

Vercel에서 release한 오픈 소스로,

(Vercel 은 미국의 클라우드 회사로, PaaS(Cloud Platform as a Service)를 제공한다.)

 

Next.js는 풀스택 웹 개발을 위한 여러 추가 기능을 지원하는 리액트 프레임워크이다.

 

What is Next.js ?

 

 

그렇다면 리액트는 무엇일까?

[ React ] React 란?

 

간단하게 요약하면,

리액트는 컴포넌트 단위로  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. 주요 특징/기능

  1. Routing - file-system 기반의 라우팅 기능을 제공한다. 
  2. Rendering - SSR과 하이브리드 렌더링을 지원한다. => SEO 최적화
  3. Data Fetching - data fetching을 설정할 수 있다. 
  4. Styling
  5. Optimizations : Image, Fonts, Script Optimization - 
  6. TypeScript

Main Features of Next.js

 


참고한 게시물

https://nextjs.org/docs