책소개
이 책은 웹사이트를 직접 만들고 싶은 초보 웹 개발자와 기초적인 자바스크립트 지식은 있으나 프론트엔드 개발에서 이를 어떻게 활용해야 할지 막막한 실무 개발자들을 대상으로 한. 프론트엔드 개발에 필요한 다양한 프레임워크 혹은 라이브러리 중에서, 가장 최근에 공개되어 강력한 기능을 갖췄지만 아직은 대중적이지 않은 Vue.js 3의 최신 기능과 특징들을 자세히 소개한다. 기존 Vue.js 사용자가 아니더라도 HTML과 CSS만 어느 정도 알고 있으면 충분히 읽고 이해할 수 있도록 Vue.js 3의 기초적인 문법을 배우고 그 문법을 활용할 수 있는 방법을 차근차근 설명하고 있다. 실제 운용이 가능한 간단한 애플리케이션을 만들어보며 각 구성 요소들을 어떻게 조합하여 재사용성이 높은 코드를 만들 수 있는지 보여주고, 애플리케이션 강화 요소 등 다양한 프론트엔드 개발 노하우를 통해 실무에서도 활용할 수 있도록 구성되어 있다. 후반부에는 이렇게 개발한 애플리케이션을 모든 사람들이 같이 사용할 수 있도록 AWS를 이용하여 배포하는 방법도 담고 있다.
목차
1장 Vue.js에 대한 소개</br>1-1 Vue.js에 대한 소개</br>1-2 Vue의 탄생 배경</br>1-3 Vue 3의 대표 신규 기능들 소개</br></br>2장 Vue 환경 설치</br>2-1 Vue 환경 설치</br>2-2 Visual Studio Code 2019 Download</br>2-3 Visual Studio Code Extensions 설치</br>2-4 Visual Studio Code Prettier 설정 변경</br>2-5 Node.js 설치</br>2-6 Vue Devtools 설치</br>2-7 Bootstrap 5</br></br>3장 Vue 3 기초</br>3-1 Vue 3 기초</br>3-2 CDN을 통한 Hello World 구현</br>3-3 NPM/Vite를 이용한 기본 프로젝트 생성</br>3-4 Vue 3 핵심 문법</br>3-5 실전 예제를 통한 문법 복습</br></br>4장 TodoList 애플리케이션 개발</br>4-1 TodoList 애플리케이션 개발</br>4-2 애플리케이션 소개</br>4-3 프로젝트 생성</br>4-4 TodoList 변수 생성</br>4-5 간단한 데이터 저장소 구현</br>4-6 데이터의 필터링 모듈 구현</br>4-7 데이터를 직접적으로 보여주는 TodoList 컴포넌트 제작</br>4-8 TodoList에 전달할 값을 결정하는 TodoListMenu 컴포넌트</br>4-9 필터링된 데이터를 다루는 TodoListMain</br>4-10 신규 할일을 추가하는 TodoListNew</br>4-11 앱을 총괄하는 컨테이너 생성</br>4-12 코드 마무리 및 실행 배치파일 만들기</br>4-13 〈script setup〉 사용하기</br></br>5장 웹 애플리케이션 프로젝트 준비</br>5-1 웹 애플리케이션 프로젝트 준비</br>5-2 프로젝트 준비</br>5-3 상단 메뉴 구성</br>5-4 Express와 sqlite3로 Database Server 생성</br>5-5 Axios를 이용한 데이터 전송</br>5-6 Vuex를 이용하여 전역 스토어 생성</br>5-7 Profile 페이지 생성</br>5-8 Global API</br>5-9 애플리케이션 소개 페이지 제작</br></br>6장 Vue 3 추가 라이브러리 사용</br>6-1 Vue 3 추가 라이브러리 사용</br>6-2 vue-router로 라우터 구성</br>6-3 Cookie를 이용한 알림 제작</br>6-4 Bootstrap 예제를 이용해 Blog 컴포넌트 제작</br>6-5 관리자 로그인 기능 구현</br>6-6 Markdown을 이용한 글쓰기 기능 추가</br></br>7장 프로젝트 업그레이드</br>7-1 MD5로 비밀번호 보호</br>7-2 Toast 컴포넌트 생성</br>7-3 v-is 디렉티브를 이용한 탭 구현</br>7-4 슬롯을 이용하여 블로그 플러그인 제작</br>7-5 컴포지션 API를 이용한 상태 관리</br></br>8장 AWS를 이용한 프로젝트 배포</br>8-1 AWS를 이용해 프로젝트 배포</br>8-2 AWS 인프라 구성</br>8-3 서버 구성 및 배포</br></br>
.png){kind=logo}
.jpg)
