라이브러리와 프레임워크

1. 라이브러리

• 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 폴더명, 파일명 등에 대한 규칙이 없고 프레임워크에 비해 자유롭다. 여러 가지 기능을 제공하는 함수들의 집합이고, 프로그램 개발 시, 라이브러리를 사용하면 일부 기능을 손쉽게 구현할 수 있다. 예를 들어, 수학 계산을 위한 라이브러리를 사용하면 사람이 직접, 계산할 필요 없이 라이브러리 함수를 호출하여 결과를 얻을 수 있다. 개발자가 필요한 기능을 보완하여 개발을 용이하게 해주는 역할을 한다. 코드의 가독성도 높여준다. 
• 대표적인 라이브러리
  • JQuery
    • HTML 문서의 요소를 선택하고 조작하는 기능을 제공하는 라이브러리
    • 다양한 브라우저에서 일관된 방식으로 동작하도록 개발되어 있습니다. 
  • React
    • UI(User Interface)를 구성하기 위한 라이브러리
    • Virtural DOM을 사용하여 UI를 업데이트를 최적화하고, 컴포넌트 기반으로 개발되어 있다.
  • Lodash
    • JavaScritp에서 자주 사용되는 유틸리티 함수들을 제공하는 라이브러리이다.
    • 배열, 객체, 문자열 등 다양한 데이터 타입에 대한 유틸리티 함수를 제공

2. 프레임워크

• 공통으로 사용될 수 있는 특정한 기능들을 모듈화한 것을 의미한다. 라이브러리랑 비슷하지만, 차이점은 프로그램의 전체적인 구조를 제공한다. 개발자는 프레임워크가 제공하는 이미 개발된 구조에 맞추어 코드를 작성하면 된다. 프레임워크는 개발자가 구현할 기능을 보완하여 개발을 용이하게 해주는 역할을 한다. 간단히 말하면 프로그램의 전체적인 구조를 제공해서 개발자가 프로그램을 개발할 때 참조하는 것이다. 구조 보완을 위해 사용된다.
• 대표적인 라이브러리 
  • Angular.js
    • 대규모 웹 애플리케이션 개발을 위한 프론트엔드 프레임워크
    • 템플릿 기반의 프로그래밍 방식을 사용하여 코드의 가독성과 유지보수성을 향상시킨다.
  • Vue.js
    • UI를 구성하기 위한 프론트엔드 프레임워크입니다.
    • 반응성(Reactivity)을 지원하여, 데이터가 변경될 때 자동으로 UI를 업데이트합니다.
    • 가볍고 유연한 프레임워크로서, 개발자가 쉽게 접근할 수 있습니다.