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

라이브러리 (Library)

라이브러리는 특정 기능에 대한 도구 또는 함수들의 집합이다. 프로그래머가 어떠한 기능을 수행하기 위해서 도움을 주는 또는 필요한 것을 제공해주는 역할을 하는 것이다. 간단이 정리를 하자면 프로그램 기능 수행을 위해 활용 가능한 도구의 집합이다.

• 누군가가 만든 (라이브러리) 기능을 내가 컨트롤 한다
• 쉽게 대체가 가능하고 쓰기 싫으면 다른 라이브러리를 쓰면 된다.
• 내가 원하는 대로 코딩한다.
• 대표적으로 제이쿼리(jquery)가 있다.
• 웹에서 코딩을 하는데 제이쿼리가 필요할 경우 우리는 cdn이든 npm이든 불러서 사용하면 된다.

 

프레임워크 (Framework)

프레임워크는 뼈대나 기반구조를 뜻한다. 프로그래밍을 진행할 때 필수적인 코드, 알고리즘 등과 같이 어느 정도의 구조를 제공해주기 때문에 프레임워크를 사용하는 프로그래머는 이 프레임워크의 뼈대 위에서 코드를 작성하여 프로그램을 개발하면 된다.

• 프레임워크가 어디에 템플릿을 넣어라, 함수를 넣어라, 뷰를 넣어라 같이 프레임 워크의 규칙을 무조건 따라야 한다.
• 대표적으로 장고(django)가 있다.

프레임워크=집, 라이브러리=집 안에 포함되는 가구

리액트(React)와 뷰(Vue) 는?

• 리액트, 뷰의 경우 장고와는 다르게 폴더 구조, 컴포넌트 이름 등 딱히 규칙에 정해진 것이 없다 (라이브러리 같은 모습..)
• 실제 리액트는 본인들이 라이브러리라고 말하고 있다.
• 하지만! state, props 를 컴포넌트에 넘길 때는 리액트 또는 뷰가 가진 규칙을 지켜야하기 때문에 프레임워크 같은 모습을 보이기도 한다.
• 약간 반반 섞인 특성을 보이는 듯하는 상황..

결론

: 요즘 프론트엔드 개발 쪽에서는 라이브러리 프레임워크가 다 섞여서 사용되는 상황이 많기 때문에 굳이 나눌 필요가 없다고 생각한다. 

 그냥 개념 정도만 잘 알아두면 좋을 것 같다.