JavaScript 라이브러리와 프레임워크 정리

이 글은 작성자의 개인 공부를 위해 작성한 글입니다.
실제 이론, 실습과 다른 부분이 있을 수 있습니다.

 

자바스크립트 라이브러리와 프레임워크는 웹 개발에서 사용되는 도구로,

코드를 더 효율적으로 작성하고 유지보수하기 쉽도록 도와준다.

둘 다 다양한 기능을 제공하지만, 그 목적과 사용 방식에는 몇 가지 차이가 있다.

 

• 라이브러리 : 작은 규모, 선택적 사용, 개발자가 통제.
• 프레임워크 : 큰 규모, 강제 사용, 프레임워크가 통제.

 

자바스크립트 라이브러리  (JavaScript Library)

1. 정의:
   • 라이브러리는 특정 기능을 수행하기 위한 함수, 객체, 클래스 등의 모음
   • 일반적으로 작은 규모이며, 특정 기능을 수행하는 도구들을 모아둔 것
   • 라이브러리는 개발자가 필요한 기능을 선택적으로 사용할 수 있도록 제공
2. 사용 방식:
   • 라이브러리는 필요한 기능이 있을 때 개발자가 직접 호출하여 사용
   • 개발자가 라이브러리를 사용하는 동안 프로그램 흐름은 개발자에게 있음
3. 예시:
   • jQuery : DOM 조작, 이벤트 처리, AJAX 등의 기능을 쉽게 처리할 수 있도록 도와주는 라이브러리. &로 시작

 

자바스크립트 프레임워크 (JavaScript Framework)

1. 정의:
   • 프레임워크는 애플리케이션의 전체 구조와 흐름을 제어하는 데 사용되는 특별한 코드와 규칙의 집합
   • 어떤 작업이 수행되어야 하는지에 대한 제어를 가져와서 개발자에게 미리 정의된 구조 안에서 작업하도록 유도
2. 사용 방식:
   • 프레임워크는 개발자가 미리 정의된 규칙과 구조 안에서 작업하도록 강제
   • 프레임워크는 애플리케이션의 제어 흐름을 관리하고, 개발자는 프레임워크에서 제공하는 틀 안에서 코드를 작성
3. 예시:
   • Angular : Google에서 개발한 프레임워크로, 단일 페이지 애플리케이션(SPA)을 만들 때 사용
   • React : Facebook에서 개발한 라이브러리로, 사용자 인터페이스(UI)를 만들기 위해 사용되며, 컴포넌트 기반 아키텍처를 지원
   • Vue.js : 사용자 인터페이스를 구축하기 위한 프로그레시브 프레임워크로, 단순한 문법과 뛰어난 유연성을 제공