🌱 기초 프론트엔드
라이브러리와 프레임워크의 차이
쉽게 이해하기
라이브러리는 요리할 때 필요한 도구들(칼, 도마, 냄비)을 골라 쓰는 것과 같아요. 내가 주도권을 갖고 필요한 것만 사용하죠. 반면 프레임워크는 정해진 레시피와 순서가 있는 요리 키트 같아요. 정해진 방식대로 따라가면 완성된 요리가 나오는 거예요.
핵심 정리
라이브러리는 내가 필요할 때 가져다 쓰는 도구이고, 프레임워크는 정해진 틀 안에서 작업하는 구조예요.
자세히 알아보기
개발을 하다 보면 '라이브러리'와 '프레임워크'라는 말을 자주 듣게 돼요. 둘 다 개발을 편하게 해주는 도구지만, 사용 방식이 완전히 다릅니다.
라이브러리는 특정 기능을 제공하는 코드 모음이에요. 예를 들어 날짜를 다루는 'date-fns', 애니메이션을 만드는 'GSAP' 같은 것들이죠. 내가 필요할 때 함수를 호출해서 사용하고, 필요 없으면 안 써도 돼요. 주도권은 완전히 개발자에게 있습니다.
프레임워크는 애플리케이션의 전체 구조와 흐름을 제공해요. React, Vue, Angular 같은 것들이 대표적이죠. 프레임워크가 정한 규칙과 구조 안에서 코드를 작성해야 하고, 프레임워크가 내 코드를 호출합니다. 이를 '제어의 역전(Inversion of Control)'이라고 해요.
실무에서는 보통 프레임워크를 기반으로 하고, 필요한 라이브러리들을 추가로 사용해요. 예를 들어 React(프레임워크) 프로젝트에 axios(HTTP 라이브러리), styled-components(CSS 라이브러리)를 함께 쓰는 식이죠. 작은 프로젝트는 라이브러리만으로도 충분하지만, 규모가 커지면 프레임워크가 제공하는 구조와 규칙이 팀 작업에 도움이 됩니다.