라이브러리 vs 프레임워크

라이브러리와 프레임워크는 모두 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미하지만, 미묘한 차이가 있다.

라이브러리

• 폴더명, 파일명 등에 대한 규칙이 없고 이용이 자유로움
• 코드 작성자가 라이브러리를 불러와서 그 라이브러리를 사용하는 형태

프레임워크

• 폴더명, 파일명 등에 대한 엄격한 규칙이 있음
• 프레임워크가 코드 작성자의 코드를 불러와서 사용하는 형태

React vs Next.js

React는 코드 작성자가 ReactDOM.render()를 이용해서 페이지를 렌더링 -> 라이브러리
Next.js는 pages/ 디렉토리 내부에 index.js를 만들고 export function을 하면 Next.js가 그 코드를 불러와서 렌더링 -> 프레임워크