👀 Vue.js의 장점
✌직관적이고 배우기 쉽다
다른 언어로 개발해 본 경험이 있는 개발자라면 단기간에 Vue.js를 익히고 실무에 적용할 수 있을 정도로 직관적이고 배우기 쉽습니다.
- Angular는 매우 방대하고 Typescript를 사용해야합니다
- React는 기존 Javascript 문법을 매우 많이 활용합니다
- Vue는 Vue 문법을 새로 배워야 합니다
✌재 사용을 통한 애플리케이션을 개발 기간 단축 및 양질의 코드를 생산할 수 있다
Vue.js에서는 컴포넌트(Component)를 통해 재사용성을 극대화하고 애플리케이션 전체에 걸쳐 양질의 코드를 생산할 수 있도록 해줍니다.
✌Angular의 장점(데이터바인딩)과 React의 장점(가상 돔)을 모두 가지고 있다
데이터바인딩
데이터와 웹 화면의 요소(HTML DOM)가 서로 양방향으로 연결되어있어서, 어느 한쪽에 변경이 일어나면 연결되어있는 다른 쪽에 자동으로 반영되는 것을 의미합니다.
가상 돔 (Virtual DOM)
Virtual DOM은 실제 DOM 문서를 추상화하여, 변화가 많은 화면(View)을 실제 DOM에서 직접 처리하는 방식이 아닌, 가상의 DOM을 만들어서 메모리에서 처리한 다음 실제 DOM과 동기화함으로써 기존 DOM이 가지고 있던 단점을 개선하고 웹에서도 고성능 애플리케이션을 구현할 수 있도록 하였습니다.
✌ Right-way가 있다. 코드 작성 법이 제한적이다
- React는 코드 짜는 방법이 매우 자유롭습니다. 예를 들어 For 반목문을 사용할 때 map, forEach, for in, for of 등 많은 반복믄을 이용할 수 있습니다.
- Vue는 v-for을 사용합니다.
이것이 장점인 이유는 협업을 할 때 코딩 스타일을 맞추는 데에 시간을 적게 사용할 수 있고, 수정과 관리가 편리합니다.
👀 Vue.js의 특징
MVVC 패턴 사용
MVVC (Model-View-ViewModel)
일반적으로 웹은 HTML DOM이 View, 자바스크립트가 Model의 역할을 하게 됩니다.
MVVC 패턴은 View와 Model 중간에 ViewModel을 둠으로써 데이터 바인딩 처리 및 가상 DOM을 통한 성능 및 개발의 편의성을 제공하기 위해 만들어졌습니다.
컴포넌트 (Component)
- 작은 단위부터 특정 기능을 처리하는 좀 더 큰 단위까지 화면(View)을 이루고 있는 작은 단위의 여러 개의 View 중에는 다른 화면에서도 사용되는 View가 있습니다. 이런 단위의 View를 재사용할 수 있는 구조로 개발하는 것을 컴포넌트라고 부릅니다
- 하나의 컴포넌트는 HTML+CSS+Javascript로 이루어져있습니다
- 다른 컴포넌트에서 import 해서 바로 사용할 수 있습니다.
