Javascript 프레임워크와 라이브러리 필요성 및 차이점

필요성

• 웹 애플리케이션에서 유저 인터페이스 동적 처리 시, 각 DOM 요소 작업 필요
• getElementById()로 찾아와서 이벤트 처리하고 코드 작성
• 프로젝트가 커지고 인터페이스가 다양해지면서, 프로젝트를 관리를 위해 많은 DOM 요소나 코드를 관리하고 정리하는 일이 어려워짐
• 따라서 사용자 인터페이스에만 집중할 수 있는 라이브러리 또는 프레임워크 필요
• 많은 라이브러리나 프레임워크 만들어지고 사용되면 생산성과 유지보수성 대폭 향상
• 대표적인 자바스크립트 라이브러리/프레임워크 : Angular / React / Vue.js
  

차이점

프레임워크

• 뼈대. 기반 구조를 의미
• 제어의 역전
• 여러 클래스나 컴포넌트로 구성
• 작업하는 방법이 정의되어 있음

라이브러리

• 활용 가능한 도구 집합
• 사용자가 정의한 클래스에서 호출해서 사용

 

차이점

• 제어권이 누구에게 있느냐
• 라이브러리 : 사용자(개발자)가 주도적으로 호출해서 사용
• 프레임워크 : 제어권이 프레임워크에 있어, 정해진 틀 안에서 코드를 작성해야 함