Vue 3와 타입스크립트로 배우는 프런트엔드 개발
블록 코딩과 최신 Vue 기술로 견고한 모던 프런트엔드 구축하기
$40.82
SKU
9791169213325
[Free shipping over $100]
Standard Shipping estimated by Mon 02/10 - Fri 02/14 (주문일로부 10-14 영업일)
Express Shipping estimated by Wed 02/5 - Fri 02/7 (주문일로부 7-9 영업일)
* 안내되는 배송 완료 예상일은 유통사/배송사의 상황에 따라 예고 없이 변동될 수 있습니다.
| Publication Date | 2025/01/06 |
| Pages/Weight/Size | 183*235*18mm |
| ISBN | 9791169213325 |
| Categories | IT 모바일 > 웹사이트 |
Description
Composition API와 타입스크립트로 모던 Vue 마스터하기
이 책은 Vue.js와 타입스크립트를 활용한 프런트엔드 개발을 처음부터 끝까지 안내하는 실전 입문서이다. Vue 3의 최신 기능인 Composition API, 상태 관리를 위한 Pinia 그리고 페이지 전환을 돕는 Vue 라우터를 기반으로 싱글 페이지 애플리케이션(SPA)을 만드는 과정을 실습과 함께 차근차근 설명한다. 특히 실습 중심의 핸즈온 형식으로 진행되므로 직접 코드를 입력하고 실행해보며 Vue 3와 타입스크립트를 체계적으로 학습할 수 있다. Vue 3와 함께 프런트엔드 개발의 첫걸음을 자신 있게 내디뎌보자!
이 책은 Vue.js와 타입스크립트를 활용한 프런트엔드 개발을 처음부터 끝까지 안내하는 실전 입문서이다. Vue 3의 최신 기능인 Composition API, 상태 관리를 위한 Pinia 그리고 페이지 전환을 돕는 Vue 라우터를 기반으로 싱글 페이지 애플리케이션(SPA)을 만드는 과정을 실습과 함께 차근차근 설명한다. 특히 실습 중심의 핸즈온 형식으로 진행되므로 직접 코드를 입력하고 실행해보며 Vue 3와 타입스크립트를 체계적으로 학습할 수 있다. Vue 3와 함께 프런트엔드 개발의 첫걸음을 자신 있게 내디뎌보자!
Contents
도입 편
1장 프런트엔드 개발 흐름과 Vue
_1.1 자바스크립트의 변천과 프런트엔드 개발의 등장
_1.2 프런트엔드 프레임워크와 Vue
2장 Vite와 Vue 프로젝트
_2.1 Vue 프로젝트 생성 준비
_2.2 Vue 프로젝트 생성과 실행
_2.3 Vue 프로젝트 생성 질문과 Vite
3장 Vue 프로그래밍의 기본
_3.1 Vue의 컴포넌트와 기본 구문
_3.2 반응형 시스템
_3.3 반응형 데이터를 준비하는 여러 가지 방법
_3.4 Vue 프로젝트 구성과 작동 원리
기본 편
4장 데이터와 이벤트 디렉티브
_4.1 데이터 바인딩 디렉티브
_4.2 이벤트 디렉티브
5장 양방향 데이터 바인딩과 기타 디렉티브
_5.1 양방향 데이터 바인딩
_5.2 기타 데이터 바인딩 디렉티브
6장 제어 디렉티브
_6.1 조건분기 디렉티브
_6.2 반복 디렉티브
_6.3 리스트 조작
7장 스크립트 블록 활용
_7.1 감시자
_7.2 라이프사이클 훅
_7.3 script setup의 진짜 모습
_7.4 Options API
8장 컴포넌트 간 연계
_8.1 자식 컴포넌트 사용
_8.2 컴포넌트 독립성과 CSS 처리
_8.3 부모에서 자식 컴포넌트로 통신
_8.4 Props 응용
_8.5 자식에서 부모로 컴포넌트 간 통신
_8.6 Provide와 Inject
9장 자식 컴포넌트 활용
_9.1 자식 컴포넌트를 사용자 정의하는 슬롯
_9.2 여러 개의 슬롯을 구현하는 명명된 슬롯
_9.3 데이터 전달을 역전시키는 범위가 지정된 슬롯
_9.4 동적 컴포넌트
10장 Vue 라우터
_10.1 싱글 페이지 애플리케이션
_10.2 Vue 라우터의 기본
_10.3 경로 파라미터
_10.4 스크립트 블록을 통한 라우팅 제어
_10.5 Vue 라우터의 다른 기능
11장 Pinia
_11.1 Pinia의 기본
_11.2 인자를 사용한 Pinia 이용 방법
_11.3 액션의 응용
응용 편
12장 비동기 처리
_12.1 비동기 처리의 기본
_12.2 IndexedDB
_12.3 웹 접속
13장 단위 테스트
_13.1 단위 테스트와 Vitest
_13.2 컴포넌트 테스트 기본
_13.3 컴포넌트 테스트 응용
_13.4 컴포넌트 간 통신 테스트
1장 프런트엔드 개발 흐름과 Vue
_1.1 자바스크립트의 변천과 프런트엔드 개발의 등장
_1.2 프런트엔드 프레임워크와 Vue
2장 Vite와 Vue 프로젝트
_2.1 Vue 프로젝트 생성 준비
_2.2 Vue 프로젝트 생성과 실행
_2.3 Vue 프로젝트 생성 질문과 Vite
3장 Vue 프로그래밍의 기본
_3.1 Vue의 컴포넌트와 기본 구문
_3.2 반응형 시스템
_3.3 반응형 데이터를 준비하는 여러 가지 방법
_3.4 Vue 프로젝트 구성과 작동 원리
기본 편
4장 데이터와 이벤트 디렉티브
_4.1 데이터 바인딩 디렉티브
_4.2 이벤트 디렉티브
5장 양방향 데이터 바인딩과 기타 디렉티브
_5.1 양방향 데이터 바인딩
_5.2 기타 데이터 바인딩 디렉티브
6장 제어 디렉티브
_6.1 조건분기 디렉티브
_6.2 반복 디렉티브
_6.3 리스트 조작
7장 스크립트 블록 활용
_7.1 감시자
_7.2 라이프사이클 훅
_7.3 script setup의 진짜 모습
_7.4 Options API
8장 컴포넌트 간 연계
_8.1 자식 컴포넌트 사용
_8.2 컴포넌트 독립성과 CSS 처리
_8.3 부모에서 자식 컴포넌트로 통신
_8.4 Props 응용
_8.5 자식에서 부모로 컴포넌트 간 통신
_8.6 Provide와 Inject
9장 자식 컴포넌트 활용
_9.1 자식 컴포넌트를 사용자 정의하는 슬롯
_9.2 여러 개의 슬롯을 구현하는 명명된 슬롯
_9.3 데이터 전달을 역전시키는 범위가 지정된 슬롯
_9.4 동적 컴포넌트
10장 Vue 라우터
_10.1 싱글 페이지 애플리케이션
_10.2 Vue 라우터의 기본
_10.3 경로 파라미터
_10.4 스크립트 블록을 통한 라우팅 제어
_10.5 Vue 라우터의 다른 기능
11장 Pinia
_11.1 Pinia의 기본
_11.2 인자를 사용한 Pinia 이용 방법
_11.3 액션의 응용
응용 편
12장 비동기 처리
_12.1 비동기 처리의 기본
_12.2 IndexedDB
_12.3 웹 접속
13장 단위 테스트
_13.1 단위 테스트와 Vitest
_13.2 컴포넌트 테스트 기본
_13.3 컴포넌트 테스트 응용
_13.4 컴포넌트 간 통신 테스트