한입 -1

Next.js

• React.js 전용 웹 개발 Framework
• React의 확장판

Framework vs Library

Framework

• 기능 구현의 주도권이 Framwork에게 있다
• 자유도가 낮다.
• 거의 모든 기능을 제공한다.

Library

• 기능 구현의 주도권이 개발자에게 있다.
• 자유도가 높다.
• 기본 기능 외 제공이 없다.

사전 렌더링

• 브라우저의 요청에 사전에 렌더링이 완료된 HTML을 응답하는 렌더링 방식
• Client Side Rendering(CSR)의 단점을 보완하는 기술
• Hydration(수화): interaction(상호작용)이 불가능한 HTML 페이지에 JavaScript 기능을 추가해 상호작용이 가능하도록 만드는 것
• 이후 페이지 교체는 CSR과 같은 방식으로 진행
  ∴ 빠른 FCP 달성(리액트 단점 보완) + 빠른 페이지 이동(리액트 장점 승계)