먼저 사전적 의미를 알아보면 Framework는 뼈대, 골조 Library는 도서관을 뜻한다.

웹프로그램을 개발하는 입장에서 내 느낌은 프레임워크는 이미 만들어진 틀 안에서 그 틀에서 제공하는 규약들을 익혀서 프로그램을 만드는 것이고, 라이브러리는 내가 필요한 부분을 가져다 쓰는 느낌을 많이 받았다. w3school에서 jQuery를 자바스크립트 프레임워크라고 소개하고 있는데 jQuery 공식 홈페이지에서는 자바스크립트 라이브러리라고 나온다. 프레임워크는 AngularJS, ReAct, Vue.js… 실수)공식 홈페이지에 React는 라이브러리라고 나옴

단순히 크기로 비교하자면 프레임워크 > 라이브러리 다시 한번 강조하지만 웹 프런트단에서 프레임워크나 라이브러리를 잘 활용하려면 자바스크립트의 기본 문법이 되는 ECMAScript에 대해 잘 알고 써야 한다.

여기까지는 내 생각이고 밑에는 구글링 하다 찾은 글~

프레임워크와 라이브러리의 차이는 제어 흐름에 대한 주도성이 누구에게/어디에 있는가이다. 프레임워크는 그 틀 안에 이미 제어 흐름에 대한 주도성이 내재한다. 프레임워크는 가져다가 사용한다기보다는 거기에 들어가서 사용한다는 느낌/관점이고, 반면 라이브러리는 라이브러리를 가져다가 사용하고 호출하는 측에 전적으로 주도성이 있다. [인용] 거꾸로 배우는 소프트웨어 개발