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. ES6 소개1.1 ES6란?ECMAScript 6(ES6)는 2015년에 도입된 JavaScript의 주요 업데이트 버전.새로운 문법과 기능이 추가되어 코드 가독성과 개발 생산성이 향상됨.✅ ES6 주요 특징 기능  설명 `let`, `const`블록 스코프 변수 선언화살표 함수`function`을 간결하게 표현구조 분해 할당배열과 객체의 값을 쉽게 추출템플릿 리터럴문자열 조합을 백틱(`)으로 표현`Promise`비동기 프로그래밍 개선`import/export`모듈 시스템 도입전개 연산자배열, 객체 확장 및 복사Proxy객체 동작을 가로채서 제어2. `let`과 `const`2.1 `var`의 문제점 (호이스팅)`var`는 선언 전에 접근 가능 (호이스팅) → 예기치 않은 동작 가능블록 스코프를 ..