02. Vue

Vuetify로 할 일 앱 완성하기 이 문서는 Vue + Vuetify 실습 시리즈의 완결 편이다. 1편에서 Vite 개발 환경과 Vue 핵심 문법(ref·{{ }}·v-bind·@click·v-model·v-if·v-for) 일곱 가지를 익혔다는 전제로 쓰였고, 본문 번호는 1편에서 이어져 3부터 시작한다. 이 한 편에서 Vuetify 3 설치와 앱 골격 레이아웃, 반응형 그리드를 익힌 뒤, 그 화면 안에 할 일 앱을 얹어 등록·완료 표시·삭제까지 … 더 읽기

01. Vue

GITHUB 1. Vite 개발 환경과 Vue 핵심 문법 HTML, CSS, JavaScript 기초 지식을 갖춘 상태에서 Vite를 이용해 Vue 프로젝트를 생성하고, 핵심 문법 6가지를 실습을 통해 학습하도록 작성되었다 2. Vite로 Vue 개발 환경 만들기 Vite는 요리로 치면 "재료 손질과 불 조절을 대신해 주는 주방 보조"다. 코드를 고치면 브라우저 화면을 즉시 갈아 끼워 주기 때문에, 저장할 때마다 … 더 읽기