1장 Vue.js에 대한 소개
1-1 Vue.js에 대한 소개
1-2 Vue의 탄생 배경
1-3 Vue 3의 대표 신규 기능들 소개
2장 Vue 환경 설치
2-1 Vue 환경 설치
2-2 Visual Studio Code 2019 Download
2-3 Visual Studio Code Extensions 설치
2-4 Visual Studio Code Prettier 설정 변경
2-5 Node.js 설치
2-6 Vue Devtools 설치
2-7 Bootstrap 5
3장 Vue 3 기초
3-1 Vue 3 기초
3-2 CDN을 통한 Hello World 구현
3-3 NPM/Vite를 이용한 기본 프로젝트 생성
3-4 Vue 3 핵심 문법
3-5 실전 예제를 통한 문법 복습
4장 TodoList 애플리케이션 개발
4-1 TodoList 애플리케이션 개발
4-2 애플리케이션 소개
4-3 프로젝트 생성
4-4 TodoList 변수 생성
4-5 간단한 데이터 저장소 구현
4-6 데이터의 필터링 모듈 구현
4-7 데이터를 직접적으로 보여주는 TodoList 컴포넌트 제작
4-8 TodoList에 전달할 값을 결정하는 TodoListMenu 컴포넌트
4-9 필터링된 데이터를 다루는 TodoListMain
4-10 신규 할일을 추가하는 TodoListNew
4-11 앱을 총괄하는 컨테이너 생성
4-12 코드 마무리 및 실행 배치파일 만들기
4-13 <script setup> 사용하기
5장 웹 애플리케이션 프로젝트 준비
5-1 웹 애플리케이션 프로젝트 준비
5-2 프로젝트 준비
5-3 상단 메뉴 구성
5-4 Express와 sqlite3로 Database Server 생성
5-5 Axios를 이용한 데이터 전송
5-6 Vuex를 이용하여 전역 스토어 생성
5-7 Profile 페이지 생성
5-8 Global API
5-9 애플리케이션 소개 페이지 제작
6장 Vue 3 추가 라이브러리 사용
6-1 Vue 3 추가 라이브러리 사용
6-2 vue-router로 라우터 구성
6-3 Cookie를 이용한 알림 제작
6-4 Bootstrap 예제를 이용해 Blog 컴포넌트 제작
6-5 관리자 로그인 기능 구현
6-6 Markdown을 이용한 글쓰기 기능 추가
7장 프로젝트 업그레이드
7-1 MD5로 비밀번호 보호
7-2 Toast 컴포넌트 생성
7-3 v-is 디렉티브를 이용한 탭 구현
7-4 슬롯을 이용하여 블로그 플러그인 제작
7-5 컴포지션 API를 이용한 상태 관리
8장 AWS를 이용한 프로젝트 배포
8-1 AWS를 이용해 프로젝트 배포
8-2 AWS 인프라 구성
8-3 서버 구성 및 배포