라이브러리 vs 프레임워크 비교

1. 라이브러리

공통 기능의 모듈화가 이루어진 프로그램의 집합
(모듈화: 기능단위로 분해하고 추상화 되어 재사용 가능한 수준으로 만들어진 단위)
ex) React.js / react-router-dom / redux

2. 프레임워크

개발자가 기능구현에만 집중할 수 있도록 필요한 모든 프로그래밍적 재원을 지원하는 기술의 조합
ex) Vue.js / Angular.js / Next.js

React.js(라이브러리) vs Next.js(프레임워크)

1. 리액트

• UI를 만들기 위한 자바스크립트 기반 라이브러리
• 제공되는 기능이 UI에 한정적
• 상태관리(Redux), 라우팅(React-router-dom), 스타일링(styled-components, tailwind) 등의 기능이 합쳐져 있었다면 프레임워크로 불릴 수 있었을것이라 함.

2. 넥스트.js

• 웹 개발을 위한 리액트 프레임워크
• 리액트의 기능을 확장
• 웹 애플리케이션 개발에 필요한 다양한 기능과 구조를 제공