📚 Reference

Next.js

• Next.js
• Next.js는 React의 SSR(Server Side Rendering)을 쉽게 구현할 수 있게 도와주는 간단한 프레임워크이다.
• 과거에는 강력한 SSR을 지원하는 라이브러리였지만, SSG(Static Site Generation)도 지원을 하고, CSR(Client Side Rendering)과 SSR을 적당히 섞어서 보다 유연한 프로그래밍을 할 수 있도록 지원을 하고 있다.
• 서버에서 초기 html을 만들어서 내려준 뒤 하이드레이션(hydration) 과정을 거치는 서버 사이드 렌더링(SSR)을 지원한다.
• Next.js는 초기 페이지 로딩에 대해서는 SSR 방식으로 동작시킬 수가 있고, 이후의 요청에 대해서는 기본적으로 CSR 방식으로 동작하기 때문에 SSR 방식의 장점인 SEO(Search Engine Optimization)에 유리하면서도 CSR의 이점을 활용할 수 있다.
• Next.js는 production용 React 프레임워크이다.
• Next.js는 React 상에 구축된 프레임워크이다.
• 프레임워크와 라이브러리의 차이점으로는 프레임워크 규모가 더욱 크다는 것이다.
• 라이브러리인 React 상에 구축된 프레임워크로 React를 강화시킨다고 볼 수도 있다. 대규모의 React 앱 구축을 더욱 쉽게 한다. 그 부분이 강조된 것이 바로 이 '프로덕션용'이라는 설명이다. 그리고 React 상에 구축되어 React에 직접 추가를 해야 하는 다양한 핵심 기능을 추가해 주어 React를 강화한다.
• 라우팅 및 다양한 기능들을 추가한다.
• Next.js는 React 앱에 다양한 기능을 추가해 주어 Next.js를 통해 모든 기능이 바로 사용 가능해지기 때문에 이미 존재하는 기능을 반복해서 구축하실 필요가 없게 된다.
• 큰 규모의 앱에서 자주 발생하는 문제들 실제 프로덕션용 React 앱의 구축에서 보편적으로 발생하는 문제점들을 해결하기 위해 서드 파티 라이브러리를 사용하는 빈도도 줄어들게 된다.
• 따라서 이렇게 많은 기능과 명확한 규칙을 포함해 Next.js는 프레임워크라 할 수 있고 React 상에 구축되어 React를 사용하고 개선하기 때문에 React를 위한 프레임워크인 것이다.