프레임워크 (Framework)
작업(work)의 구조(frame)가 정해져 있는 라이브러리
-
사용자가 작성한 코드는 프레임워크에 의해 호출됨
=> 제어의 역전, (IoC, Inversion of Control) -
'프레임워크가 원하는 방식'대로 다양한 기능을 제공함
const greeting = () => {
console.log("hi")
}
<button onclick="greeting()" />
// 사용자는 버튼이 클릭되었을때 수행될 작업만을 정의하며,
// 버튼이 클릭여부를 감지하고 함수를 호출하는 역할은 프레임워크가 수행함 (제어의 역전)ex) Angular, Vue.js, Express.js 등
라이브러리 (Library)
필요한 기능들이 모여있는 코드의 묶음
-
라이브러리의 객체나 함수를 개발자가 직접 호출하여 사용
-
자주 사용되는 기능들을 라이브러리(객체나 함수등의 형태)로 만들어두고 필요할 때마다 직접 호출하여 사용할 수 있음, 외부 라이브러리도 사용가능함
ex) Browser환경에서 script src 로 불러들이는 js파일(JQuery 등)
node.js 환경에서 npm으로 설치한 모듈
HTML의 클라이언트 사이드 조작을 단순화하는 JQuery
웹에서 사용자 인터페이스 개발에 사용되는 React.js
✨참고 링크
