오늘은 자바스크립트 프레임워크 중 가장 유명한
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
Vue
Angular
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
아하 프론트 개발기(0)— Angular, React, Vue.js 프레임워크 선택
지식커머스플랫폼 아하(Aha)의 웹사이트는 `vue.js` 의 SSR 프레임워크인 `nuxt.js` 로 작성되었습니다. 난생 처음 JavaScript 만으로 서비스를 개발하면서 겪은 일들을 몇 편의 글로 정리해보려고 합니다.
medium.com
'IT > JavaScript' 카테고리의 다른 글
| toggle boolean value in javascript (0) | 2023.02.20 |
|---|---|
| 2023년에 jQuery 를 배우고 사용해야할까? (1) | 2023.02.01 |
| 프로그래밍 언어 자바스크립트를 추천하는 이유 (3) | 2021.02.05 |
| 자바스크립트 배열 자르기(JavaScript Array Slice) (0) | 2021.01.01 |
| 자바스크립트(JavaScript) 논리 연산자 ( ||, &&, ! ) 설명 (2) | 2020.12.31 |
