본문 바로가기

IT/JavaScript

React vs Vue vs Angular ( JS Framework 간단 비교 )

728x90
반응형
728x170

오늘은 자바스크립트 프레임워크 중 가장 유명한

React / Vue / Angular 특징과 함께 간단하게 비교해보도록 하겠습니다.

 

우선 각 프레임워크의 간단한 특징은 아래와 같습니다.

 

React

- 웹 뿐만 아니라 앱 개발에도 사용 ( React Native )

- 페이스북이라는 거대한 업체의 지원
- 가장 거대한 커뮤니티
- Virtual Dom


HomePage : reactjs.org/ 

Repository : github.com/facebook/react

 

Vue

- 가장 적은 러닝커브 ( jQuery 등에 익숙한 기존 개발자도 가장 편하게 도입 가능 )

- 가볍고 빠르게 개발이 필요하다면 추천

- Evan You 라는 개인이 프로젝트 리더 

- 2019년에 메인 리더인 Evan You 의 홍콩 시위 발언 관련하여 이슈 존재
- 상대적으로 작지만 빠르게 성장중인 커뮤니티

- 가장 최신에 릴리즈 시작한 프레임워크(2014년)
- 양방향 바인딩
- Virtual Dom

 

HomePage : github.com/vuejs/vue#readme

Repository : github.com/vuejs/vue

 

Angular


- 구글이라는 전세계적인 기업의 지원

- 가장 빠르게 릴리즈된 JS 프레임워크(2010년)

- 큰 커뮤니티

- 양방향 바인딩
- TypeScript 가장 먼저 도입
- 가장 체계적이고 잘 정리되어있는 문서
- 가장 복잡하고 큰 러닝커브 ( 내부 동작 메커니즘 등 포함 )

 

HomePage : angularjs.org

Repository : github.com/angular/angular.js

 

 

 

각 프레임워크가 실제로 얼마나 관심을 받고있는지 비교해 보았습니다.

 

 

구글 트랜드로 조사시 대한민국 기준 아래와 같습니다.

 

# 검색어와 주제가 모두 포함되어 차이가 있을수 있으니 주의 바랍니다.

 

react > vue > angular 순으로 많습니다.

 

 

# React vs Vue vs Angular For google trends

 

 

 

아래는 전 세계 기준으로 하여 추출한 자료입니다.

# 검색어와 주제가 모두 포함되어 차이가 있을수 있으니 주의 바랍니다.

 

react > angular > vue 순으로 많습니다.

 

Angular 가 급격히 늘어나며 Vue 보다도 커진걸 알 수 있습니다.

 

 

# React vs Vue vs Angular For google trends

 

 

 

 

아래는 각 프레임워크에 npm 에서 비교 자료입니다.

 

 

React

React npm

 

 

Vue

Vue npm

 

Angular 

Angular npm

 

Weekly Downloads 로 비교할때

React > Vue > Angular 순으로 보입니다.

 

물론 다운로드나 검색유입이 많다고 훌륭한 라이브러리인것은 아니며

셋은 각자의 장단점을 가지고 빠른 속도로 발전중인 프레임워크들 입니다.

 

 

따라서 무엇을 공부할지는 아래 항목들을 보고 고민하시면 될 것 같습니다.

- 셋 중 어떠한 프레임워크를 공부하여도 충분히 좋은 프레임워크 입니다.

 

1. 본인이 입사를 원하는 회사에서 사용중인 혹은 사용 예정인 스킬

 - 구인 공고에 명시하거나 현재 서비스 중인 Page 참조

 

2. 본인이 더 중요시 하는 프레임워크의 기준

 - 러닝커브 / 커뮤니티의 크기 / Update 주기 등

 

3. 평균적으로 더 많은 회사가 원하는 범용적인 프레임워크

 - 잡코리아 등 구인구직 사이트에서 검색하여 활용

 

4. 평균적으로 더 좋은 대우를 해주는 회사가 원하는 프레임워크

 - 잡코리아 등 구인구직 사이트에서 검색하여 활용

 

 

 

참고 사이트

https://www.codeinwp.com/blog/angular-vs-vue-vs-react/#disqus_thread

 

Angular vs React vs Vue: Which Framework to Choose in 2020

Which is better between Angular vs React vs Vue. Here's a comprehensive comparison to help you choose the right JS framework in 2020.

www.codeinwp.com

https://medium.com/sjk5766/angular-vs-react-vs-vue-72046f6748b8

 

Angular vs React vs Vue

예전에 Angular 프레임워크를 조금 접했었고, 앞으로 Vue를 쓸 일이 있어서 JavaScript의 유명한 프레임워크 3대장을 비교 해보겠습니다. (개인적으로 프레임워크를 써본 뒤 비교한 것은 아니고 검색을 통해 유용한 글들을 짜집어봤습니다…

medium.com

https://medium.com/aha-official/%EC%95%84%ED%95%98-%ED%94%84%EB%A1%A0%ED%8A%B8-%EA%B0%9C%EB%B0%9C%EA%B8%B0-0-angular-react-vue-js-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC-%EC%84%A0%ED%83%9D-f797392118d0

 

아하 프론트 개발기(0)— Angular, React, Vue.js 프레임워크 선택

지식커머스플랫폼 아하(Aha)의 웹사이트는 `vue.js` 의 SSR 프레임워크인 `nuxt.js` 로 작성되었습니다. 난생 처음 JavaScript 만으로 서비스를 개발하면서 겪은 일들을 몇 편의 글로 정리해보려고 합니다.

medium.com

 

728x90
반응형
그리드형