react vs vue, Vue vs React, vue 와 react 차이, vue.js와 react.js 차이, 비교

개요

Vue.JS 대 React.JS의 차이점을 알아봅시다.
vue.js와 react.js 는 현대 대부분의 웹 프론트엔드 개발을 하기 위한 도구로 사용되고 있는 공통점이 있습니다.
비슷한듯 하지만 Vue.JS는 MVC 프레임워크인 반면 React.js는 웹 앱을 구축하기 위한 자바스크립트 라이브러리입니다.
라이브러리는 개발자가 필요할 때에 가져다 부분적으로 사용이 가능하며,
프레임워크는 부분적 사용이 불가능하고 프레임 워크의 틀에 따라서 작성해줘야 합니다.
그 외에도 어떤 차이점이 있는지 한번 살펴보고자 합니다.

 

 

공통점

- 오픈소스 MIT 라이센스
- 가상 DOM 사용 : 일반 DOM의 경우와 같이 전체 페이지를 다시 렌더링하는 대신,
리액트 및 뷰는 변경된 객체만 업데이트하여 성능을 향상시킵니다.
- 컴포넌트 기반 UI 개발 : 뷰와 리액트는 컴포넌트 기반으로 개발을 하게 되어 있으며,
이는 코드 재사용을 용이하게 하고 개발자 생산성을 향상시킵니다.
- 뷰(화면, UI component)에 집중 : 라우팅, 상태 관리 등에 대해 따로 고려하지 않습니다.
단, vue-router, react-router, vuex, redux와 같이 이를 해결하기 위한 라이브러리를 따로 제공하고 있습니다.

 

 

차이점

 

차이점	Vue.js	React.js
개발자	구글에서 Angular로 개발하던 Evan You라는 개인 개발자 주도. 처음부터 커뮤니티에 의해 유지되는 오픈소스.	페이스북 주도. 기업용으로 쓰이다가 오픈소스화됨.
syntax	template(템플릿) html, jsx 사용	JSX 사용
첫 출시일	2014년	2013년
github	약 9천여개 이슈 close, 320개 이슈 open, 190k star, 403 컨트리뷰터 (2021.11기준)	약 1만개 이슈 close, 660개 이슈 open, 178k star, 1526 컨트리뷰터 (2021.11기준)
러닝커브	금방 쉽게 배울수 있다.	어려움 알아야 하는 개념이 많음.
주요 사용처	Euronews, Behance, Alibaba, Trustpilot, Vice	Airbnb,Disqus,Paypal, The new York Times, Netflix

구글트렌드 비교 react.js vs vue.js(2021.11기준)

react.js 와 vue.js로는 상대적으로 검색량이 적은것으로 보여 react와 vue를 비교했습니다.

 

최근 5년을 보았을대 vue가 2016년부터는 react를 보고 개선한점이 많아서인지 인기가 많았었는데요,

그러다가 2020년 초에 갑자기 vue의 인기가 다시 줄어들고 그러다가 최근에 다시 vue가 react보다 인기를 얻게 되는것으로 보입니다.

 

지역별로 보면 대부분은 react가 대세이나, 유럽일부와 중국쪽은 vue를 좀 더 선호하는것으로 보이네요.

 

 

 

기타 비교

- 작은 애플리케이션/스타트업에서의 초기개발의 경우 Vue를 사용할것을 추천하며, 큰 규모는 React.js를 사용하는것을 추천합니다.
- React.js는 React를 작업할 경우 러닝커브 없이 React Native가 모바일 애플리케이션 개발 라이브러리인 웹 및 모바일 애플리케이션 지원을 모두 제공합니다.
- 사용자수/커뮤니티/지원라이브러리 등은 react쪽이 좀 더 풍부하여 문제발생시 구글링등으로 좀 더 잘 해결할 수 있을것으로 보입니다.
- React 개발자가 많기에 개발자구하기에는 react쪽이 좀 더 좋습니다.
- vue.js 가 미세하기 react 보다 성능이 좋습니다.
- 둘 중 선택하는 이유에 대해서는 vue.js 의 경우 낮은 러닝커브와 문서화가 잘되어 있어 선호하고, react의 경우는 방대한 package 에코시스템과 수많은 사용자가 존재하여 선호한다고 합니다.

총평

개인적으로는 빠르게 개발할수 있는것을 선호하기 때문에 둘 중 고르라면 vue.js를 도입하려고 합니다.
react의 경우에는 개발을 위해 알아야 하는 개념들도 많고 러닝커브가 큰 편이라 개발하는데 시간이 오래걸리는 느낌입니다.
react, vue 둘다 사용해보았을때, 2010년대에는 확실히 vue쪽이 제품을 개발하기에 좀 더 빨랐었습니다.
그러나 최근 업데이트된 vue3를 사용하였을때 vue2와 많이 달라져서인지 어려움이 좀 있는 상황이고,
react 최신버전은 아직사용해보지 않았기 때문에 다음 프로젝트로는 react도 한번 사용해보려고 합니다.
대표적인 front end framework 중에 하나인 angular의 경우 러닝커브가 너무 커서 점점 사람들이 안쓰는 추세로 되어가고 있는듯하여
angular가 확실히 좋아졌다는 소식이 들리지 않는한 따로 써보지는 않으려고 합니다.
angular를 보면 더 사용하기 쉬운 쪽이 결국엔 살아남는것은 않을까 싶습니다.
성능개선은 어차피 실력좋은 개발자가 잘 개선을 해줄테니깐요.


react vs vue, Vue vs React, vue 와 react 차이, vue.js와 react.js 차이, 비교
#react,#react.js,#reactjs,#vue,#vue.js,#vuejs,#차이,#비교,#뷰,#리액트,#리엑트,#frontend,#framework,#libary,#angluar

 

https://devscb.com/post/65

react vs vue, Vue vs React, difference between vue and react, difference between vue.js and react.js, comparison