1.보간법1.1 MVVM(Model-View-ViewModel)Vue는 MVVM 아키텍처 기반으로 동작View: HTML 템플릿ViewModel: Vue 인스턴스 (상태 & 로직)Model: 실제 데이터✅ `data()`의 리턴 객체는 Vue 내부에서 Proxy 객체로 감싸짐 → 데이터 접근 및 변경 감지 가능 1.2 보간법(Mustache)템플릿 내에서 `{{ 변수명 }}`으로 데이터를 출력 {{ message }} 해당 변수는 JavaScript 표현식으로 간주 (문자열 아님)✅ 핵심 요점 정리 항목 설명 MVVMView, ViewModel, Model로 구성Proxy데이터 감지 및 바인딩 핵심보간법`{{ message }}` → 데이터 바인딩 표현식2. 기본 디렉티브v-로 시작하는 속성HTML 요소..

1. Vue.js란?1.1 Vue.js 소개Vue.js는 프론트엔드 JavaScript 프레임워크로, 데이터 바인딩과 컴포넌트 기반 개발을 쉽게 구현할 수 있도록 설계됨.가볍고 배우기 쉬우며, 점진적으로 도입할 수 있어 기존 프로젝트에도 쉽게 적용 가능. ✅ 컴포넌트(Component)웹을 구성하는 로고, 메뉴바, 버튼 등 웹 페이지 내의 다양한 UI요소재사용 가능하도록 구조화 한 것✅ Vue.js 공식 사이트https://kr.vuejs.org/1.2 Vue.js의 핵심 개념✅ MVVM 패턴(Model-View-ViewMode)Vue.js는 MVVM 아키텍처 패턴을 따릅 역할  설명 ViewHTML과 CSS로 작성된 UIViewModelView의 데이터 및 로직을 관리하는 Vue 인스턴스Model데이..