Study/Vue 12

Vue.js 시작하기 02. 인스턴스

뷰를 사용하기 위해서는 뷰 인스턴스를 생성하고 , 그 인스턴스를 변수에 저장해주고, 바디 내의 엘리먼트와 연결? 해주는 작업이 필요하다. 뷰 객체의 인스턴스는 화면 소스 내에서 특정 태그를 시작으로 그려진다. 그리고 객체 생성시 옵션값들을 가진 객체를 인자로 받아 생성되고, 인스턴스에서 사용할 수 있는 속성은 다음과 같다. 해당 포스팅은 인프런의 Vue.js 시작하기 - Age of Vue.js 학습 후 정리한 내용임을 알려드립니다.

Study/Vue 2022.01.17

Vue.js 시작하기 01. MVVM 모델에서의 뷰

MVVM 패턴의 뷰모델 레이어에 해당하는 화면단 라이브러리. 화면단은 DOM을 통해서 JavaScript와 통신하는 HTML로 그려진다. 뷰의 가장 큰 특징은 1. 사용자가 화면에서 어떤 입력을 하는지 DOM Listener가 듣고있다가 자바스크립트에 전달해주고 2. 자바스크립트(데이터)쪽에서 데이터가 변경되면 데이터 바인딩이 되어있어 화면에서도 바로 변함 ( 내가 듣는 인강에서는 저 Directives 단어 대신에 Data Binding)이라고 되어있었다. 기존의 웹 개발 방식은 아래와 같다. 뷰의 장점인 Reactivity를 활용한다면 이렇게 값이 바뀔 때 마다 js to HTML 셋팅을 다시 해주지 않아도 되는 것이다. 이런식으로 간단하게 리액티비티를 라이브러리화 할 수 있다. (function()..

Study/Vue 2022.01.17