ksundev 님의 블로그

1. 반응성 시스템이란?Vue의 핵심 기능 중 하나인 반응성 시스템은 데이터의 변화를 감지하고, 그에 따라 화면을 자동으로 업데이트하는 메커니즘입니다.2. 기본 구현 예제HTML 구조 JavaScript 구현// 1. 반응형 데이터 정의var data = { message: 10}// 2. 렌더링 함수function render(sth) { var div = document.querySelector('#app'); div.innerHTML = sth;}// 3. Proxy를 사용한 반응성 구현var app = new Proxy(data, { get() { console.log('값 접근') }, set(target, prop, newValue) { ..

1. Vue 3 시작하기Vue 3 CDN 추가Vue 3를 사용하기 위해 CDN(Content Delivery Network)을 통해 라이브러리를 불러옵니다.개발 환경에서는 npm을 통한 설치를 권장하지만, 학습 목적으로는 CDN이 간단합니다.2. Vue 앱의 기본 구조HTML 템플릿 {{ message }}id="app"인 요소는 Vue 앱이 마운트될 위치입니다.{{ message }}는 Vue의 템플릿 문법으로, 데이터를 화면에 표시합니다.Vue 앱 생성Vue.createApp({ data() { return { message: 'hello world' } }}).mount('#app');Vue.createApp(): Vue 앱을 생성합니다...