이번 포스트에서는 간단한 Vue Application을 생성해보고 MVVM과의 연관성에 대해 살펴보자. Vue Application 생성 Vue와 MVVM 앞선 포스트의 내용을 바탕으로 인사말을 출력하는 간단한 Vue Application을 만들어보고 MVVM과의 관계에 대해 살펴보자. Vue는 createApp이라는 함수를 통해서 새로운 Vue 객체(root component)를 생성하는데 이 객체가 ViewModel에 해당하는 녀석이다. Vue 객체는 mount라는 함수를 통해서 화면 요소 즉 DOM과 연결되는데 DOM을 구성하고 있는 HTML을 View라고 한다. Composition API 형태로 작성할 때 Vue 객체에는 setup 함수를 통해서 component에서 필요한 로직을 작성한다. 이..

Vue 란?Vue.js란 "에반 유"라는 친구가 2013년 12월에 발표한 Front-end Javascript framework로 웹 브라우저에서 동작하는 UI를 빠르게 개발하기 위해서 발표되었다.2020년 9월에 3.0 버전이 발표되었고 2021년 8월에 3.2 버전이 발표되었다. (한글 사이트 제공!!!)  Vue.js - The Progressive JavaScript Framework | Vue.js접근성 HTML,CSS, 자바스크립트 표준을 기반으로, 쓰기 편한 API와 최고 수준의 문서를 제공합니다.ko.vuejs.org MVVM 패턴Vue는 MVVM 패턴이라는 것에 기반한다.MVVM은 Model, View, ViewModel의 약자로 애플리케이션 로직과 UI의 분리를 위한 패턴이다. 위 그..