Vue.js
Vue.js는 React와 마찬가지로 Sincle Page Application, Web-App을 개발 할 때,
사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다.
기존에는 바뀐 데이터를 DOM에 다시 대입해줘야지만 화면에 변경점이 적용되는것이
일반적인 웹 개발 방식이었다면 Vue.js는 데이터의 변화를 라이브러리에서 감지해서
화면에 그려주는 반응형을 지원하는 라이브러리이다.(MVVM 패턴)
- MVVM은 모델 - 뷰 - 뷰모델로 이루어진 패턴이다.
MVVM 패턴의 목표는 비즈니스 로직과 프레젠테이션 로직을 UI로부터 분리하는 것
비즈니스 로직과 프레젠테이션 로직을 UI로부터 분리하게 되면, 테스트, 유지 보수, 재사용이 쉬워진다.
다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였다.
핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다.
그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면
정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있다.
사용하는 이유
Vue.js를 사용하는 가장 큰 이유는 쉬워서 이다.
실제로 왜 React 대신에 Vue.js를 사용하냐고 질문하면 다들 쉬워서라고 답한다고 한다.
비슷한 React나 Angular에 비해서 기능이 더 떨어진다는건 아니다.
지원하는 기능도 다 비슷하도 scaling도 다 잘되고 SSR도 다 된다.
두 번째로 코드를 작성하는 방법이 정해져있다.
예를 들어서 React에서 반복문을 사용할 때,
map, forEach, for, for in, for of등 다양한 문법을 사용한다.
또한 컴포넌트 render() 바깥에서 이 반복문을 쓸지 그 안에서 쓸지 방법이 다양하다.
하지만 Vue.js에서는 v-for라는 문법 하나로 통일된다.
그 외에도 조건부 렌더링에서 React는 여러 방법이 있지만 Vue.js는 v-if, v-else만 사용하면 된다.
이러한 부분은 협업할 때, 장점으로 다가온다.
협업을 하게 되면 다른사람의 코드를 보게 되는데 자신과 스타일이 같지않으면 코드 이해가 힘들어진다.
그래서 실제로 코딩 스타일을 통일 시키기도 한다. (함수의 이름은 동사로 짓는등..)
Vue.js는 이러한 부분이 모두 통일 되어있기에 통일 작업이 크게 필요하지 않아진다.
세 번째로 쉽고 방법이 하나이기 때문에 초보자들에게 알맞다
말 그대로 코드 작성 방법이 하나라서 이 방법이 맞는건지 고민할 필요가 없어진다.
그리고 Vue 문법에 익숙해지면 javascript 문법에 익숙치 않아도 쉽게 코드를 작성 가능하다.
반면에 React는 javascript 문법을 필수적으로 알아야한다.
네 번째로 HTML 렌더링이 빠르다
다른 React와 Angular보다 렌더링 속도가 더 빠르다고는 하지만은, 크게 체감할 정도는 아니라고 한다. (ms단위)
꾸준히 업데이트가 된다
장기적인 지원에 걱정 없이 사용할 수 있다.
현재 React가 점유율에서 막강하지만은 Vue가 입문에 관한 통계에서 가파른 상승 곡선이 보여지고 있다.
리액트와 함께 안정적으로 성장하고 있다는 것
수요가 계속해서 증가하는 만큼 계속해서 업데이트가 진행되고있다.
참고 사이트
https://jeongwooahn.medium.com/vue-js-%EA%B0%80-%EC%A3%BC%EB%AA%A9%EB%B0%9B%EB%8A%94-%EC%9D%B4%EC%9C%A0-bec3db5a1e7d
https://mygumi.tistory.com/206
https://kr.vuejs.org/v2/guide/index.html
