Youjungeee
React VS Vue: Which is better for 2020

원문: http://pop.frontendweekly.co/gVN371?utm_campaign=Frontend%2BWeekly&utm_medium=web&utm_source=Frontend_Weekly_172

자바스크립트 프레임워크는 HTML, CSS와 함께 모든 현대 소프트웨어 프로젝트의 프론트엔드 개발에 있어 필수적인 부준이 되었다. 2020년은 웹 애플리케이션 개발 프로젝트에 적합한 자바스크립트 프레임워크를 선택하는 새로운 해가 될 것이다.

이 글을 읽고 있는 사람은 다음 애플리케이션 개발을 위해 사용할 기술 스택을 고민하는 사람일 것이다. 이를 결정하는 것은 쉽지 않다. 이 글은 모든 기업가들이 이런 딜레마에 처한 상황을 해결하기 위한 것이다. 다음은 기술 스택 결정에 관한 흔한 질문들이다:

이 질문들에 대한 답변을 읽고나면, 각자의 프로젝트에 맞는 자바스크립트 기술을 결정할 수 있을 것이다. 다양한 관점에서 React와 Vue를 비교해보고, 2020년도에 이 프로그래밍 도구가 어떨지 알아보자.

React VS Vue: 인기도

자바스크립트는 새로운 프레임워크와 라이브러리의 등장이 다소 빠른 편이다. 사실, 이는 늘상 있는 일이고 이런 자바스크립트 기술의 인기도는 매달 바뀐다.

React와 Vue 중 더 인기있는 프레임워크를 찾기 위해 2019년의 최신 통계를 살펴보자

통계 #1: 구글 트렌드: Vue와 React에 대한 구글 검색 경향은 라인 그래프로 그려져있다. React는 Vue.js에 비해 더 많이 검색된다.

구글검색트렌드

통계 #2: 스택 오버플로우 설문: 가장 사랑받는 프레임워크로 리액트가 1위를 차지했다. 그러나 Vue.js도 주목할만한 성공을 보여주고 있다. 2014년 등장한 이래로, 짧은 시간 동안 개발자들에게 인기있는 선택지가 되었다.

스택오버프로우 설문

React VS Vue: 등장배경

이들 자바스크립트 프레임워크의 배경에 대해 짧게 확인해보자.

Vue.JS: Google 출신 엔지니어인 Evan You가 2014년에 만들었다. 유명한 기관에 의해 지원받지 않는다. 2.6.10 버전은 2019년 3월 20일에 나온 최신 버전이다.

자바스크립트 진영에서는 생성된 지 5년 밖에 되지 않은 가장 최근에 나온 프레임워크이다. 이 프레임워크의 혜택을 받고 있는 잘 알려진 기업으로는 Alibaba와 Gitlab이 있다. Vue는 몇 가지 성공적인 자바스크립트 기술의 특징들을 혼합한 것으로 알려져있다.

React: Vue와 달리, 페이스북에 의해 생성되었다. Facebook ads의 트래픽 관리가 주된 등장 배경이다. 페이스북이 유지보수와 코딩에 어려움을 겪었던 시점이다.

동적 사용자 인터페이스와 대화형 사용자 인터페이스를 만들 수 있다고 잘 알려져 있다. 16.8.6 버전이 React의 최신 버전이며, 2019년 5월 6일에 배포되었다. React로 개발하는 잘 알려진 기업은 BBC, Instagram, WhatsApp, 그리고 매우 많다!

React VS Vue: 성능

React Virtual Dom

애플리케이션에서의 변화는 이것의 사용자 인터페이스와 DOM에 반영된다. 가상DOM이거나 실제DOM일 수도 있다. DOM의 종류는 모든 프로그래밍 기술의 성능에 큰 영향을 미친다.

React: 가볍고 특정 브라우저에 종속되지 않은 가상DOM을 갖고 있다. 이는 React의 인기의 주된 요인이다. 이는 비효율적인 성능 문제를 없앴다.

Vue: Vue 역시 가상DOM과 함께 동작한다. 그러나 React와 비교했을 때 더 빠른 성능을 제공한다. 또한 버그 없는 성능을 보장한다.

React VS Vue: 커뮤니티 지원

모든 소프트웨어 기술에 있어 커뮤니티 지원은 중요하다. 이는 새로운 사용자들이 특정 기술에 더 많이 참여하는 동기를 부여한다. 이 두 기술들의 커뮤니티 지원에 대해 알아보자.

React: 증가하는 광고 캠페인 트레픽을 관리하기 위해, Facebook은 이 자바스크립트 라이브러리를 개발했다. Facebook 담당자는 React에 새로운 기능을 추가하고 기존 기능을 향상시키는 일을 한다. 이는 리액트 개발자들에게 이 라이브러리에 대한 아주 강한 신뢰를 제공한다.

Vue: 구글 출신 엔지니어에 의해 개발됐지만, 어떤 최고 기업의 지원을 받지 않는다. 이는 라이브러리에 대한 신뢰성과 시장에서의 초기 성과를 모으는 데 좋지 않은 결과를 초래했다. 그러나 이런 허들에도 불구하고, Vue는 개발자들로 부터 예상치못한 인기와 지원을 받고 있다. Vue는 스스로 자신에 대한 지원을 만들어냈다.

React vs VueJS - 유명한 프레임워크 비교

React VS Vue: 프레임워크 크기

React는 Vue.js보다 약간 더 용량이 크다. React는 약 100KB이고 Vue는 80KB이다. 프레임워크 또는 라이브러리의 크기는 소프트웨어 개발 프로젝트에서 미묘한 영향을 줄 수 있다.

React는 다른 라이브러리가 제공하는 어떤 기능에 대한 도움이 필요하다. 이 기능 중 하나는 라우팅이다. 이것의 작은 크기는 경량 애플리케이션에 매우 적합하다. Vue는 더 크기가 작고, 경량 어플리케이션에 더 적합하다.

React VS Vue: 어디서 사용하나?

기업가들은 적합한 프로그래밍 기술을 선택하기 전에, 어떤 기업이 각 기술 스택을 사용하고 있는지에 대해 조사해야 한다. 자바스크립트는 오랫동안 소프트웨어 개발 서비스의 놀라울만한 부분이 되었다.

React VS Vue Use cases

이를 가능하게 한 가장 큰 이유는 다양한 프레임워크와 라이브러리를 사용할 수 있다는 점이다. 다음은 React와 Vue의 모범 이용 사례이다:

React:

Vue:

React VS Vue: 학습 곡선

학습 곡선은 소프트웨어 개발자들이 특정 언어나 프레임워크 또는 라이브러리의 코드를 작성할 수 있는 능력을 나타낸다.통계에 의하면, 이 두 프로그래밍 기술 중에 Vue가 더 웹 개발자들에게 친숙하다.

Stateofjs의 조사에 따르면, “사용했을 때, 다음에 사용할 의사가 있는” 프레임워크에 대한 투표의 응답으로 React를 더 많은 응답자들이 선택했다. 이와는 별개로, 다른 상황에 대한 의견도 응답자에게 물어보았다.

응답자들의 응답은 다음과 같다:

설문 결과

위의 바 그래프를 더 명확히 이해하려면 다음 인덱스를 참조해라.

인덱스

Vue는 웹 개발자들 사이에서 새롭고 반드시 시도해봐야할 프래임워크로 선정되었다. 인덱스의 “들어봤고, 배워보고 싶다” 옵션이 많은 부분을 차지한 것이 이를 잘 표현한다. 이는 향후 이 코딩 기술에 관한 유망한 학습 곡선을 보장한다.

React VS Vue: 유연성

React: 공식 React 라이브러리에서 제공하는 기능이 별로 없다. 원하는 툴을 선택할 수 있는 강력한 유연성을 제공한다. 프레임워크 패키지 안에서 모든 것이 제공되어, 실험을 할 충분한 여지를 주지 않는 Angular 같은 몇몇 프레임워크들도 있다.

이 기술에 사용할 수 있는 툴로는 React 라우팅, Redux, 오피스 관리 도구인 MobX가 있다. 경험이 많은 모바일 앱 개발자는 개발의 자유를 즐길 것이다. 왜냐하면 동적인 애플리케이션 개발이 가능하기 때문이다.

Vue: React와 달리, Vue의 공식 사이트에서 Vue.js 개발자들에게 제공되는 특정 툴들이 있다. 게다가, 서버-사이드 개발은 Vue 서비스 사이드 렌더를 통해 제공된다. 몇 개를 이름 대자면, 상태관리를 위한 Vuex, 라우팅을 위한 Vue Router는 커스텀 소프트웨어 개발 서비스로 사용될 수 있는 부가 기능이다.

결론: React VS Vue

통계와 사실에 기반한 위의 분석을 토대로, React VS Vue에 대해 다음과 같은 점을 요약했다:

이 글을 끝까지 읽었다면, 애플리케이션 개발을 위해 적합한 기술 스택을 선정에 관한 고민이 해결됐을 거라 생각한다. 여전히 딜레마에 빠져있다면, 평판이 좋은 웹 개발 회사의 전문가와 이야기해보라.

당신의 개인적인 경험을 공유하고자 하는 경우, 또는 추가적인 도움이 필요하다면, 아래 댓글을 남겨주길 바란다.

© 2017 youjungee. All rights reserved.