Vue 개요

Vue?

SPA 웹 개발을 위한 JS UI 라이브러리이며 프레임워크 기능도 하는 점진적인 프레임워크입니다.

Vue는 구글에서 AngularJS를 사용하던 Evan You에 의해 개발되어 2014년 출시되었으며 발음처럼 View에 최적화된 프레임워크입니다.

특징

1. Virtual Dom 사용.
2. SFC (Single-File Component)
3. MVVM 패턴의 ViewModel의 역할
4. Tree Shaking(번등링 과정에서 사용하지 않는 코드 제거)
5. 양방향 데이터 바인딩
6. 코드 스타일이 통일된 부분이 많습니다.(v-for, v-if등)
7. 상태 변경을 자동 추적하여 변경 발생시 효울적으로 DOM을 업데이트합니다.

장점

1. 타프레임워크에 비하여 러닝커브가 낮습니다.
2. react의 장점과 Angular의 장점을 갖고 있습니다.
3. 다른 프레임워크에 비해 성능이 우수합니다.
4. 번들링 사이즈가 다른 프레임워크에 비해 작습니다(Tree Shaking)
5. 파일 하나에 template, script, style을 모두 작성하여 코드 가시성이 좋습니다.(SFC)

 

 

마치며

기존 리액트를 이용하여 개발을 하다 최근들어 vue를 이용하고 있는데 확실히 러닝커브가 낮다고 느낍니다.

리액트를 시작할때와 마찬가지로 전문적인 지식을 갖고 개발을 시작하고 있지는 않지만 

리액트에 비하여 코드가 훨씬 html스러우며 직관적입니다.

다만 리액트를 오래 사용하여 종종 문법이 헷갈리는 경우가 다소 있으며,

생태계가 리액트에 비하여 작다보니 레퍼런스나 라이브러리를 이용하는데에 다소 어려움이 있습니다.