[Vue] Vue.js 소개

---

업무상 필요하여 Vue.js를 공부하게 되었습니다. 

인프런에서 캡틴판교님의 강의를 기본으로 학습하고 있습니다.

혹시나 게시물을 읽으시는 분 중 Vue를 학습하고자 한다면 요점을 이해하기 쉽게 설명해주시기 때문에 캡틴판교님의 강의를 추천합니다. 

---

 

Vue란

MVVM 패턴을 기반으로 디자인되었으며 재사용가능한 UI를 묶어서 사용가능합니다.

 

MVVM이란 Model-View-ViewModel의 약어로 아래 3가지로 구성되어 있습니다.

• 사용자에게 보여지는 UI인 View
• 요청시 어플리케이션에서 사용되는 데이터 처리 기능의 Model
•  DOM Listeres, DOM BIndings을 통해 View와 Model을 이어주는 역할인 View Model

Vue는 이러한 MVVM패턴에서 View Model단에 위치한 JavaScript 프레임 워크입니다.

 

 

Vue는 JavaScript 프레임 워크외에도 SPA 프레임워크로 불리기도 합니다.

* SPA란

• Single Page Application의 약자로 하나의 화면에서 모듈단위로 템플릿만 교체하는 것
• 전체 페이지를 하나의 페이지에 담아 동적으로 화면이 변경되며 표현하는 것입니다.

이러한 SPA는 대표적으로 Augular, React, Vue가 있습니다.

Vue 또한, 다른 SPA 프레임워크와 마찬가지로 Reactivity(반응성)이라는 특징이 있습니다.

 

---

이러한 Vue는 SPA 프레임워크 중에 현재 가장 선호되고 있습니다.

몇 가지 이유가 있겠지만 React와 Vue를 공부한 입장에서 Vue가 좀 더 코드의 직관성이 높다고 느껴졌습니다.

(JavaScript의 이해도가 낮아서 더 크게 느껴진거 같습니다.)

또한, 비교적 최근에 릴리즈되었고 활발히 개선이 진행되기 때문에 사람들의 기대가 큰거 같습니다.

---

참조

[강의] 인프런 - Vue.js 시작하기 - Age of Vue.js(캡틴판교) https://www.inflearn.com/course/age-of-vuejs