Vue.js 3를 활용한 웹 개발 기초부터 실전까지
나만의 멋진 웹사이트를 직접 만들고 싶은 초보 웹 개발자와 기초적인 자바스크립트 지식은 있으나 프론트엔드 개발에서 이를 어떻게 활용해야 할지 막막한 실무 개발자들을 대상으로 하고 있습니다.
프론트엔드 개발에 필요한 다양한 프레임워크 혹은 라이브러리 중에서, 가장 최근에 공개되어 강력한 기능을 갖췄지만 아직은 대중적이지 않은 Vue.js 3의 최신 기능과 특징들을 자세히 소개합니다.
기존 Vue.js 사용자가 아니더라도 HTML과 CSS만 어느 정도 알고 있으면 충분히 읽고 이해할 수 있도록 Vue.js 3의 기초적인 문법을 배우고 그 문법을 활용할 수 있는 방법을 차근차근 설명하고 있습니다.
실제 운용이 가능한 간단한 애플리케이션을 만들어보며 각 구성 요소들을 어떻게 조합하여 재사용성이 높은 코드를 만들 수 있는지 보여주고, 애플리케이션 강화 요소 등 다양한 프론트엔드 개발 노하우를 통해 실무에서도 활용할 수 있도록 구성되어 있습니다.
후반부에는 이렇게 개발한 애플리케이션을 세상 모든 사람들이 같이 사용할 수 있도록 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
