길벗·이지톡

Part 1 Vue.js 기본 기술 익히기

1장 Vue.js 개요 살펴보기

1.1 뷰란

1.2 뷰의 탄생 배경

1.3 뷰를 사용하는 이유

2장 Vue.js 시작하기

2.1 개발 환경 설정하기

2.2 첫 번째 뷰 애플리케이션 만들기

3장 뷰 기본 문법 익히기

3.1 뷰 애플리케이션의 기본 구조

3.2 뷰 애플리케이션 인스턴스

3.3 기본 문법 다루기

3.4 이벤트 다루기

3.5 폼 다루기

3.6 계산된 속성과 감시자 속성

3.7 스타일 다루기

4장 실습: 계산기 만들기

4.1 실습 내용 소개

4.2 뷰 애플리케이션의 기본 구조 설정하기

4.3 계산기의 UI 구성하기

4.4 데이터 바인딩하고 이벤트 연결하기

4.5 계산기 로직 구현하기

5장 컴포넌트 다루기

5.1 컴포넌트란

5.2 컴포넌트 정의하기

5.3 컴포넌트 생명주기 이해하기

5.4 컴포넌트에 속성과 이벤트 정의하기

5.5 컴포넌트의 데이터 효율적으로 다루기

5.6 컴포넌트 슬롯 사용하기

6장 실습: 할 일 관리 앱 만들기

6.1 실습 내용 소개

6.2 할 일 관리 앱의 UI 구성하기

6.3 할 일 관리 앱의 기능 구현하기

Part 2 Vue.js 고급 기술 익히기

7장 컴포지션 API 다루기

7.1 컴포지션 API란

7.2 컴포지션 API의 기본 구성 요소

7.3 컴포지션 API에서 달라진 컴포넌트 구성 요소

8장 뷰 라우터로 라우팅 기능 사용하기

8.1 뷰 라우터 다루기

8.2 뷰 라우터의 추가 기능 사용하기

8.3 뷰 라우터의 고급 기능 다루기

9장 Pinia로 상태 관리하기

9.1 상태 관리란

9.2 Pinia 사용 준비하기

9.3 Pinia 기본 문법 배우기

9.4 실습: Pinia를 사용해 장바구니 앱 만들기

10장 데이터 통신하기

10.1 데이터 통신에서 알아야 할 개념

10.2 Node.js로 웹 서버와 API 만들기

10.3 Fetch API로 데이터 통신하기

10.4 Axios로 데이터 통신하기

Part 3 프로젝트로 Vue.js 완성하기

11장 날씨 애플리케이션 만들기

11.1 날씨 애플리케이션 살펴보기

11.2 날씨 애플리케이션 UI 구성하기

11.3 날씨 애플리케이션 기능 구현하기

11.4 배포하기

11.5 숙련자로 나아가기

12장 부록: 알아두면 좋은 ES6

12.1 ES6란

12.2 학습 준비

12.3 ES6의 주요 문법