[Javascript] 자바스크립트 프레임워크(Framework)

Framework란?

프레임워크란 간단하게 설명하면 프로그램의 기본 구조(뼈대)라고 말할 수 있다.

즉 프레임워크는 개발자가 원하는 기능 구현에만 집중하여 빠른 속도로 개발할 수 있도록 기본적으로 필요한 기능을 갖추고 있는 것을 말한다. 물론 프레임워크만으로는 실행되지 않으며 기본 구조에 여러가지 기능을 추가해야하며, 프레임워크에 의존하고, 프레임 워크가 정의한 규칙에 따라 개발해야 한다.

 

2021.05 Stackoverflow 웹 프레임워크 순위

JS Framework

자바스크립트 프레임워크는 말그대로 프론트엔드 개발에 쓰이는 자바스크립트 언어를 프레임워크화해서 개발 차원에서의 효율성과 사용자 환경(UI)의 편의성을 높이고자 하는 목적으로 개발되었다.

자바스크립트 프레임워크는 HTML, CSS를 포함한 웹 관련 기능들이 포함되어 있으며, 크게 웹 기능 구현을 위한 기능 모음과, 디자인 스타일에 대한 내용이 들어가 있다.

다양한 회사들이 자바스크립트 프레임워크를 만들었는데, 그 중에서도 Angular와 Vue가 대표적인 프레임워크로 사용된다.

 

---

Angular

대규모 어플리케이션 개발에 적합한 프레임워크이다. 구글의 엔지니어 Misko Hevery의 개인 프로젝트로 개발이 시작되었으며 2012년에 공식적으로 공개되었다. 대표적인 사용기업은 구글, 유튜브, 텔레그램, 나이키 등이 있다.

Angular는 완전한 프레임워크로 프로젝트의 생성, 테스트, 빌드, 배포를 위한 모든 기능을 제공한다. 또한, Angular CLI를 제공하여 개발환경을 지원하여 파일 생성, 빌드, 패키징, 라이트 서버 기능 등 개발에 필요한 대부분의 기능을 자체적으로 제공하여 간편한 개발 환경을 구축한다. 더불어 Angular는 타입스크립트를 채택함으로서 다양한 도구의 지원을 받을 수 있으며, 코드의 가독성과 안정성을 향상시킨다. 다만, 기본적으로 제공되는 기능이 많기 때문에 유연한 개발 사용이 다소 어렵다는 특징도 있다.

 

---

Vue.js

Vue.js는 구글의 엔지니어 Evan You에 의해 개발되었으며, 2014년 2월에 공식적으로 배포되었다. 대표적인 사용기업은 나사, 어도비, 깃랩, 페이스북, 넷플릭스, 샤오미, 알리바바 등이 있다.

Vue.js는 다른 프레임워크와는 달리 선택적으로 채택하여 사용할 수 있다. 따라서 다른 라이브러리나 기존 프로젝트에 적용하는 것이 비교적 수월하다. 또한, Vue는 개발한 프론트엔드 파일을 사용자가 볼 수 있도록 브라우저 화면에 렌더링하는 과정에 템플릿이란 문법을 사용하는데, 이때 이 템플릿을 구성하는 문법이 HTML 기반으로 이루어져 있어 초보 개발자도 빠른 시간 안에 기본적인 사용이 가능할 정도로 쉬워 입문자에게 적합한 프레임워크라고 할 수 있다.

이러한 Vue.js는 앞서 소개한 Angular에서 핵심적인 요소들이 가진 장점을 기반으로 가볍게 제작한 프레임워크로 작은 규모의 어플리케이션의 개발시 용이하며 속도 측면에서 큰 장점을 보인다. 더불어 Vue는 단일 파일 컴포넌트 기반를 기반으로 하는데. 이는 웹의 뷰(view)를 구성하는 요소인 HTML, CSS, JavaScript 코드를 .vue 확장자를 가진 하나의 파일에 모두 정의하는 방식이다. 이러한 관리 방식은 적당한 규모의 프로젝트에서 관리의 생산성을 높이고, 협업을 수월하게 한다는 장점이 있다.