현재 공부중인 React는 UI를 구축을 위한 페이스북에서 개발된 자바스크립트의 라이브러리, Next.js는 이러한 React를 기반으로 어플리케이션을 개발할 때 발생하는 일부 단점을 개선하고 생산성을 개선하려는 목적으로 만들어진 Vercel에서 개발한 리액트 기반 프레임워크임.
라이브러리와 프레임워크의 차이점을 알아보자.
프레임워크
- 어플리케이션의 기본 구조 제공. 개발자가 그 위해 필요한 기능을 구현.
- 개발자에게 사전 정의된 템플릿과 규칙 등을 제공하며, 이를 따라 개발자가 어플리케이션을 개발.
- 개발 흐름을 제어하며(제어의 역전이라 함.) 어플리케이션의 전체적인 구조와 패턴에 영향을 줌.
- Angular, Vue 등.
라이브러리
- 개발자가 필요에 따라 호출하며 사용하는 함수와 메서드들의 모음.
- 재사용 가능한 코드 조각을 라이브러리 형태로 제공하며, 필요한 기능을 선택적으로 사용할 수 있음.
- 개발자의 어플리케이션 코드에 통합되며, 어플리케이션의 흐름에 영향을 주지 않음.
- React, jQuery 등.
제어의 역전(Inversion of Control)
- 라이브러리와 프레임워크 주요 차이점은 제어의 역전(Inversion of Control)이다. 라이브러리는 개발자가 직접 호출할 때만 사용되며 어플리케이션의 전체적인 흐름에 크게 영향을 주지 않음. 반면, 프레임워크는 어플리케이션의 구조와 흐름을 제어하며 프레임워크가 설정한 규칙에 따라 개발이 진행됨. 프레임워크는 개발 속도와 일관성을 높이는 데 도움을 주지만, 프레임워크가 제공하는 제한된 구조 내에서 작업해야 하기 때문에 상대적으로 유연성이 줄어듦. 이런 차이점을 고려하여 개발자는 프로젝트의 요구사항과 목표에 따라 적절한 도구를 선택하여 사용하게 됨.
정리
- 라이브러리는 개발자가 필요에 따라 선택적으로 사용하며 제어의 흐름은 개발자에게 있음. 프레임워크는 구체적인 구조와 규칙을 정의하고 개발자는 이를 따라야함.
벨로그로 이사 중