Vue.js

Vue.js는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크이다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계가 되었다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽다. 그리고 Vue는 현대적 도구 및 지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있다.

 즉 프론트 엔드 웹 애플리케이션 개발을 위한 JavaScript 프레임 워크로서, 사용자 인터페이스를 구축하기 위한 도구와 패턴을 제공하는 녀석이라 생각하면 좋을 것 같다.

 

Vue는 AngularJS를 사용하여 구글을 위해 작업하던 Evan You에 의해 개발이 되었는데, Angular에 대한 장점만을 가지고 가볍게 만들려고 했던 프레임워크이다. Vue는 2014년 2월에 출시 되었으며,

장점을 살펴보자면

웹 개발을 단순화하고 정리하기 위해 개발된 점에서 웹 UI개발의 아이디어를 더 접근 가능하도록 만드는데 초점을 두고, 덜 독선적이도록 시도하고 있기 때문에 개발자들이 익히기 쉬운 프레임워크이다.

점진적으로 채택 가능한 구조를 갖추고 있고, 코어라이브러리는 선언형 렌더링과 컴포넌트 구성에 초점을 두며 기존 페이지에 임베드가 가능하다. 라우팅, 상태 관리, 빌드 도구화와 같이 복잡한 애플리케이션에 필요한 고급 기능들은 공식적으로 유지 보수되는 지원 라이브러리와 패키지를 통해 제공된다.

 

단점으로는

플로그인의 부족 및 개인이 개발한 신규 및 개발과 대규모 프로젝트의 제한된애플리케이션으로 인한 강력한 비지니스에서는 지원되지 않는점을 단점으로 꼽는다.

 

Vue.js의 핵심 개념과 기능을 가볍게 살펴보자면

Vue인스턴스는 Vue.js 애플리케이션의 기본 구성 요소로, 데이터, 메소드, 라이프사이클 훅 등을 포함한다.

템플릿 문법으로는 데이터 바인딩, 조건문, 반복문, 이벤트 처리 등을 다룬다.

여기서 바인딩이란 Vue는 Angular의 양방향 데이터 바인딩과, React의 단방향 데이터 흐름의 장점 두개를 가진 프레임워크이다. 이 덕분에 고속 성능을 제공한다.

v-if, v-for, v-bind, v-on등의 디렉티브를 사용하여 DOM요소를 조작하고 데이터와 상호작용을한다.