[JavaScript 기초] 프론트엔드 프레임워크 종류 및 특징(Vue.js, React, Angular)

front개발을 좀더 쉽게 도와주는 많은 프레임워크가 존재합니다.

시대가 갈수록 많은 프레임워크가 탄생하고 사라지죠.

 

 

일단 대표적인 프론트엔트 프레임워크3가지를 소개하고자 합니다.

 

위 차트는 깃허브에서 가져온 차트입니다. 2020년도 자료긴 하지만, 1위부터 3위 까지만 알아보도록 할께요.

 

 

1. Vue.js

뷰는 오픈소스 자바스크립트 프레임워크입니다. 가장 많이 쓰는 이유는 react와 Angular의 장점이 섞여 있습니다.

또한 단순한 웹 개발 프레임워크 입니다.

특징으로는 TypeScript를 지원하고 양방향과 단방향의 바인딩을 지원합니다. 또한 Virtual Dom을 지원 합니다.

 

 

1. React

React는 facebook에서 만든 javascript라이브러리 입니다. 웹 컴포넌트를 렌더링하고, 빌드하는데 초점을 두고 있습니다. 위에서 언급한 React의 장점중 하나인 Virtual Dom을 지원합니다.

Virtual Dom은 자바스크립트를 객체로 만들어 두고 변경되는 부분은 DOM처리 합니다. 또한 트리를 추상화 합니다.

또한 JSX라는것을 지원합니다.(JSX는 자바스크립트와 XML이 합쳐진것입니다.) 그리고 가장 큰 장점으로는 React Native가 가능합니다. 

React Native는 앱개발 할때 쓰입니다. 크로스 플랫폼으로 IOS와 Android동시 개발이 가능합니다.(원래는 따로 개발했습니다.)

 

 

1. Angular

앵귤러는 구글이 관리합니다. 클라이언트 사이드 기반의 javascript 프레임워크 입니다.

양방향 바인딩을 지원하고, Stream을 통해 비동기 방식을 지원합니다.

그리고 서버에서 HTML을 재로딩하기 보단, 앵귤러가 효율적으로 렌더링을 합니다. 상태관리나 Form유효성 검사, 라우팅등 다양한 툴을 지원하는 프레임워크 입니다. 앵귤러는 TypeScript기반으로 만들어졌습니다.