책소개

Vue.js 3를 활용한 웹 개발 기초부터 실전까지주요 내용2장 Vue 환경 설치3장 Vue 3 기초4장 TodoList 애플리케이션 개발5장 웹 애플리케이션 프로젝트 준비6장 Vue 3 추가 라이브러리 사용7장 프로젝트 업그레이드8장 AWS를 이용한 프로젝트 배포

저자소개

게임과 프로그래밍을 가장 좋아한다. DOPT라는 이름으로 다양한 무료 애플리케이션들을 개발 및 배포하고 있으며, 현재 삼성전자에서 AI/BigData를 다루고 있다. 홈페이지/블로그를 통해 게임 리뷰 및 다양한 프로그래밍 강의를 하고 있다.

목차

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 서버 구성 및 배포

한줄 서평