DH의 개발 공부로그

템플릿 문법Vue의 템플릿 문법이란 데이터를 렌더링 된 DOM에 바인딩하여 화면을 조작하는 방법을 말합니다.템플릿 문법은 크게 데이터 바인딩과 디렉티브 두가지로 나누어 볼 수 있습니다.먼저 데이터 바인딩과 관련 된 부분 먼저 살펴보면 아래와 같습니다.1. 데이더 바인딩텍스트 보간법텍스트 보간법은 뷰의 데이터 바인딩으로 사용되는 가장 기본적인 방법으로 "Mustache"(이중 중괄호) 문법을 사용하는 방법입니다메시지: {{ message }}해당 부분에서 이중 중괄호 안의 message는 컴포넌트의 message 데이터 값으로 대체가 됩니다.예를 들어보면 message값이 안녕하세요!라면 실질적으로는 아래와 같은 코드가 됩니다.메시지: 안녕하세요!그리고 message 값이 변경 될 때마다 변경된 값으로 업..

Vue.js Vue.js는 사용자 인터페이스 개발을 위한 자바스크립트 기반의 프로그레시브 프레임워크(Progressive Framework)입니다. 여기서 말하는 프로그레시브는 웹과 네이티브 앱의 이점을 모두 수용하고 표준 패턴을 사용해서 개발하는 것을 뜻하며, 한마디로 뷰는 웹과 앱의 장점을 모두 수용하여 진화된 웹앱을 개발할 수 있는 프레임워크 입니다. 또한 뷰는 프레임워크이기 때문에 라이브러리인 리액트와 다른 차이점도 있습니다. Vue.js의 장점 직관적이고 배우기 쉽다. 컴포넌트 기반의 프레임워크로 코드 재사용을 높이고, 양질의 코드를 개발할 수 있다. 앵귤러(Angular)의 장점(데이터 바인딩), 리액트(React)의 장점(가상 돔)을 다 가지고 있다. Vue.js 특징 1. MVVM 패턴 M..