Next.js 란 무엇인가?
Next.js는 React 애플리케이션을 빌드하기 위한 프레임워크입니다. Next.js는 React의 기능을 확장하고, SSR(Server-Side Rendering), SSG(Static Site Generation), 코드 스플리팅(Code Splitting), Hot Module Replacement 등의 기능을 내장하고 있습니다.
기존 React는 Client Side Rendering을 통해 웹에서 앱과 유사한 경험이 가능하게 해주어 웹의 변화에 큰 영향을 주었으나 SEO의 문제와 클라이언트에서 처리할 일이 많아짐에 따라 너무 커져버린 자바스크립트 용량등의 문제들도 존재했다.
Next.js는 React의 이러한 단점들을 극복하기 위해 나타난 React 라이브러리의 프레임워크다.
Library vs Framework
라이브러리
사용자가 파일 이름이나 구조 등을 정하고, 모든 결정을 내림
=> React.js
프레임워크
파일 이름이나 구조 등을 정해진 규칙에 따라 만들고 따름
=> Next.js
즉, Next.js에서는 폴더 구조등이 이미 정해져있다. 따라서 특유의 규칙이 따르게 되는데 다음부터 천천히 그 구조를 알아갈 계획이다.
두 줄 소개