솔적솔적

Vue.js- 01. Vue.js를 사용하는 이유 본문

Front-end/react.js(리액트) vs Vue.js(뷰)

Vue.js- 01. Vue.js를 사용하는 이유

솔솔봄향기 2022. 9. 15. 09:44

뷰말고도 리액트, 앵귤러도 똑같이 웹앱을 만들 수 있다.

 

리액트를 사용하는 개발자가 많은데 왜 뷰를 사용할까?

1. 쉽다..

뷰.js를 쓰는 이유는 쉽다는 것. 그러면 기능이 떨어지는 거아니냐? 아니다. 다 똑같은 결과물을 낼 수 있고

그 만드는 과정이 쉽다는 것이다. 

React의 state변경, for변경, if 사용들을 보면 알 수 있다. 

 

2. 개발할 때 방법이 정해져있다는 것

HTML을 내가 반복적으로 여러개 생성하고 싶다면? 리액트로는 map을 사용할지, forEach를 사용할지, 그냥 일반 for을 사용할지 반복문을 컴포넌트 render()바깥에서 사용할지 안에서 사용할지 

 

자율적으로 판단하여 사용할 수 있다.

 

vue.js는 그렇지 않다. html 여러개를 생성하고 싶다면 이 v-for만 사용하면된다.

 

만약 if문을 이용해서 조건부로 보여주고싶다면 REACT는 && ||, if else, enum, tenary operator 등등 여러방법들을 사용할 수 있지만 Vue는 v-if v-else만 사용하면 OK,

 

이렇게 볼 때, Vue.js사용한다면 React와 앵귤러보다 협업을 할 때  도움이 많이 된다.

팀별로 코딩스타일을 훨씬 쉽게 통일시킬 수 있고 코딩을 처음 배우는 아기개발자들이 Vue.js를 사용하여 output을 낼 수 있다. (쌩 자바스크립트 못해도)

 

그런 것에 비해 React는 쌩 자바스크립트를 잘해야 리액트도 잘 사용할 수 있다고한다.

 

 Vue안에서도 React와 같이 JSX, render() function등을 지원해주고 있다.

 

3. 벤치마크를 돌려봤더니 렌더링 속도가 React보다 더 빠르다.

실시간으로 빨리 바뀌어야할 때 Vue.js를 사용하면 좋다는 것, 근데 그렇게 속도차이가 어마어마하게 나는 것도 아니라, 밀리세컨드단위의 차이..

 

4. 장기적으로 지원이 잘 되는 라이브러리라는 것이다. 꾸준하게 업데이트되어져있는 Vue.js

 

리액트가 좋냐, Vue.js좋냐 뭐 그런 것을 가려내려는 것이 아니라 각각의 강점들과 차이점이 무엇인지 궁금했던 것!