ksundev 님의 블로그

Vue CLI로 생성한 Vue.js 애플리케이션의 기본 구조와 실행 흐름 이해하기Vue CLI 설치하기Vue CLI를 사용하기 전에 먼저 전역으로 설치해야 합니다:# npm을 사용하는 경우npm install -g @vue/cli# yarn을 사용하는 경우yarn global add @vue/cli# 설치 확인vue --version새 프로젝트 생성# 새 Vue 프로젝트 생성vue create my-project# 또는 특정 이름으로 생성vue create vue3-cli설치 과정에서 다음과 같은 옵션들을 선택할 수 있습니다:Default (Vue 3): Vue 3 + 기본 설정Default (Vue 2): Vue 2 + 기본 설정Manually select features: 수동으로 기능 선택🔄 Vu..

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 앱을 생성합니다...