프레임워크와 라이브러리의 차이

AN JUHYUN·2024년 1월 11일

이론

프론트앤드-기술면접

목록 보기

1/3

취업을 준비하면서 기술면접에 대한 준비를 하다보니
스스로 완벽하게 설명할 만큼 공부가 되어있지 않은 개념들이 있었다.

일단 사용하는 기술스택에 대한 이해의 부분이 부족하여 이를 정리하고자 한다.

📌프레임워크, 라이브러리 공통점

프레임워크와 라이브러리는 재사용이 가능한 코드의 집합체이다.

📌프레임워크(Framework)

언어적 의미

Frame(구조,뼈대) + Work(작업,일)
프레임워크는 작업을 위한 뼈대를 제공한다.

정의

웹, 앱등의 개발을 위한 구조화 된 환경이다.

개발자들은 을 함에 있어서 문법, 변수선언, 에러처리 등의 여러가지 기능을 구현해야 하는데,
프레임워크는 이러한 기능의 표준을 클래스나 라이브러리로 제공해준다.
표준을 제공하기 때문에 프레임워크 자체에서 제어에 대한 권한을 가지고 있다.

종류

Spring, Vue.js, Flutter

📌라이브러리(Library)

언어적 의미

Library(도서관, 문서)
동일한 기능이 모여있는 코드의 집합으로,
비슷한 부류의 책을 모아놓은 도서관이란 단어를 차용한 듯 하다.

정의

라이브러리는 특정한 기능을 수행하기 위한 모듈(클래스와 메서드)의 집합이다.

개발자들은 특정 기능을 수행하기 위한 코드가 이미 있다면 재사용하는 것을 원한다. 이럴 경우 라이브러리를 이용할 수 있다.

종류

React, JQUERY

📌프레임워크와 라이브러리의 차이점

프레임워크와 라이브러리의 가장 큰 차이점은 제어에 대한 권한이다.

프레임워크와 라이브러리 자체는 그 경계가 모호하게 이해 될 정도로 재사용 가능한 코드의 집합이다. 그러나 라이브러리와 다르게 프레임워크는 개발자로 하여금 규칙을 준수하도록 제어를 한다. 좀 더 딱딱한 형태의 재사용 코드라 이해된다.
React는 초기에 프레임워크로 개발되었지만, 현재는 라이브러리로 사용되고 있다. 유연하게 사용할 수 있게 된 것이 큰 이유가 아닐까 싶다.
그에 비해 Vue.js는 구조가 명확하게 잡혀있는 프레임 워크이다. 초기에 언어에 대한 이해만 습득하면 구조자체가 명확하여 개발에 큰 만족도를 준다고 한다.