라이브러리 vs 프레임워크

라이브러리(Library) vs 프레임워크(Framework)

프레임워크(Framework) = 뼈대

웹 어플리케이션을 만들기 위한 뼈대를 제공 = Web Application Framework

• 대표적인 Web Application Framework : Vue.js, Angular.js
• Web Application을 만들기 위해 필요한 여러가지 기능들을 제공한다.
• Web Application이 공통적으로 필요한 기능 :
  라우팅(url로 들어왔을 때 특정 페이지를 보여줌), 전역 상태 관리(여러가지 페이지or 하나의 페이지에서 상태관리), API 호출(서버 통신), 빌드 시스템 등
  
  

라이브러리(Library) = 도서관

도서관에서 보고싶은 책만 골라보듯 필요한 기능들을 직접 구현하거나 구축

• 대표적인 Library : React.js
• 장점 : 구축하는 Web Application의 환경에 맞거나, 마음에 드는 라이브러리를 선택하여 시스템을 구축할 수 있다.
• 단점 : 여러가지 라이브러리를 접하고 배워야해서 초기 진입 장벽이 있다.
  
  

라이브러리(Library)와 프레임워크(Framework) 차이점

제어 흐름에 대한 주도성이 누구에게 혹은 어디에 있는가에 대한 차이

• 프레임워크 : 전체적인 흐름을 스스로가 쥐고 있으며 사용자는 그 안에서 필요한 코드를 짜 넣음
• 라이브러리 : 사용자가 전체적인 흐름을 만들며 라이브러리를 가져다 씀

---

References

• https://webclub.tistory.com/458
• https://velog.io/@gkswnsy/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC%EC%99%80-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC#2-%EB%A6%AC%EC%95%A1%ED%8A%B8%EB%8A%94-%EC%99%9C-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC--%EB%B7%B0%EB%8A%94-%EC%99%9C-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC