라이브러리 / 프레임워크 / 플러그인 차이점

-라이브러리  

library 단어의 뜻이 도서관이잖아
도서관에서 책한권을 쏙 뽑아 빌려와서 내집에서 읽을수 있듯이
 
내가 자유롭게 작업한 html 파일에 
우리가 슬라이드 작업해봤던 "swiper 라이브러리" (특정 기능을 모아둔 코드)를 
가져와서 이미 만들어진 원하는 기능을 쓸 수 있는것.

ex) swiper, JQuery, React 등

 

 

-프레임워크 

일정한 형태와 필요한 기능을 갖추고 있는 골격, 뼈대

vue를 사용하려고 설치하면 처음에 기본적으로 
디렉터리 구조가 자동으로 생성되어있어서 이 폴더 구조내에서
정해진 방법으로 사용해야하는데
assets 폴더에는 css와 img파일을 넣어야하고
router 폴더에는 페이지 이동에 관련된 js
views 폴더에는 html 코드를 넣는데 vue파일로 넣어야해 
>> 이것처럼 다 정해진 작업 방식이 있어

이렇게 큰 틀에서 맞춰 작업하는걸 프레임워크를 사용한다고해

프레임워크 안에서 라이브러리를 사용할수있는데, 그건 nodemodules 안쪽에 설치해서 사용하면됨.

ex) Angular, Vue.js 등
참고) https://any-ting.tistory.com/39 

[Vue] Vue 기본 개념 및 디렉터리 구조 파악

 

-차이점

 "제어 흐름"의 권한

라이브러리는 내가 주도해서 제어하는 코드에 라이브러리를 추가로 가져와서 쓰는거라면
프레임워크는 프레임워크가 주도하는 코드사용방법을 내가 골라서 사용함.

 

 

-플러그인 

하나의 문제를 해결하기위한 조합 
자주 사용하는 기능들의 모음 
라이브러리보다 작은 개념이며 플러그인의 집합 = 라이브러리 
라이브러리가 도서관이라면 플러그인은 책