Vue.js 개정판

온개발팀 지음

온노트 2024년 06월 18일 출간

작품소개

책소개

오리지널판이 있는 경우 개정판을 다시 구매할 필요 없이 오리지널판을 업데이트하여 사용할 수 있습니다.

사용자 인터페이스를 구축하기 위한 진보적인 JavaScript 프레임워크인 Vue.js 학습을 위한 종합 가이드인 "Vue.js"에 오신 것을 환영합니다. Vue.js는 단순성, 유연성, 성능으로 큰 인기를 얻고 있으며 최신 웹 애플리케이션을 개발하는 데 탁월한 선택입니다.

1장, 'Vue.js 소개'에서는 Vue.js의 개요와 주요 기능 및 장점을 소개합니다. 개발 환경을 설정하고, 첫 번째 Vue 애플리케이션을 만들고, Vue 프로젝트를 스캐폴딩하기 위한 강력한 명령줄 도구인 Vue CLI를 살펴보는 방법을 배웁니다.

2장, 'Vue.js 기초'에서는 Vue.js의 기본 개념을 다룹니다. Vue 인스턴스, 보간 및 지시어와 같은 데이터 바인딩 기술, 계산된 속성, 감시자, 클래스 및 스타일 바인딩, 조건부 렌더링, 리스트 렌더링, 이벤트 처리 및 폼 입력 바인딩에 대해 알아봅니다.

3장, '컴포넌트'에서는 Vue 애플리케이션의 빌딩 블록인 Vue.js 컴포넌트에 대해 자세히 알아봅니다. 컴포넌트 생성 및 등록, Props를 사용하여 컴포넌트에 데이터 전달, 컴포넌트 간 사용자 지정 이벤트 처리, 슬롯을 사용하여 콘텐츠 배포, 동적 및 비동기 컴포넌트로 작업, 컴포넌트 수명 주기 후크 활용 방법을 알아봅니다.

4장, 'Vue 라우터'에서는 Vue.js의 공식 라우터인 Vue 라우터를 살펴봅니다. Vue 라우터 설정, 기본 탐색 수행, 경로 매개변수 및 Props 작업, 중첩 경로 구현, 프로그래밍 방식 탐색 처리, 경로 가드 적용, 동적 라우팅 활용 방법을 배웁니다.

5장, 'Vuex를 사용한 상태 관리'에서는 Vue.js 애플리케이션을 위한 상태 관리 패턴 및 라이브러리인 Vuex를 소개합니다. Vuex의 상태, 게터, 뮤테이션 및 액션에 대해 알아보고, Vuex 모듈을 구조화하고, 비동기 작업을 처리하고, Vuex로 대규모 애플리케이션을 관리하는 방법을 알아봅니다.

6장, 'Vue 컴포지션 API'에서는 Vue.js 3에 도입된 새로운 기능인 컴포지션 API를 다룹니다. 반응형 참조, 계산 및 감시 함수, 라이프사이클 후크, 컴포지션 API와 함께 Vuex를 사용하여 애플리케이션 상태를 관리하는 방법에 대해 알아봅니다.

7장, '폼 및 입력 처리하기'에서는 Vue.js 애플리케이션의 폼 처리를 살펴봅니다. 양식 바인딩 기본 사항, 다양한 유효성 검사 전략, 폼 유효성 검사를 위해 타사 라이브러리를 사용하는 방법에 대해 알아봅니다.

8장, '애니메이션 및 전환'에서는 Vue.js 애플리케이션의 애니메이션과 전환을 살펴봅니다. 애니메이션의 기본 사항, Enter/Leave 및 리스트 전환을 구현하는 방법, 타사 애니메이션 라이브러리를 사용하여 사용자 경험을 향상시키는 방법을 배웁니다.

9장, '다른 기술과 통합하기'에서는 Vue.js 애플리케이션을 다른 기술과 통합하는 방법에 대해 설명합니다. Axios로 HTTP 요청을 만들고, WebSocket으로 실시간 통신을 구현하고, TypeScript로 Vue를 사용하는 방법을 배웁니다.

10장, 'Vue 애플리케이션 테스트하기'에서는 Vue.js 애플리케이션 테스트를 다룹니다. Vue 테스트 유틸리티를 사용한 단위 테스트, Cypress를 사용한 엔드투엔드 테스트, 테스트에서 모킹 및 스터빙하는 기법에 대해 알아봅니다.

11장, '배포 및 성능 최적화'에서는 Vue.js 애플리케이션의 배포 및 성능 최적화 전략을 살펴봅니다. 번들링 및 축소, 지연 로딩 컴포넌트, Nuxt.js를 사용한 서버 측 렌더링, 성능 모니터링에 대해 알아봅니다.

12장, '고급 Vue 개념'에서는 고급 Vue.js 개념을 살펴봅니다. 사용자 지정 지시문, 렌더 함수, JSX, 플러그인 개발, 재사용 가능한 컴포넌트 라이브러리 생성에 대해 알아봅니다.

이 책을 마치면 Vue.js를 깊이 이해하고 강력하고 확장 가능하며 유지 관리가 쉬운 웹 애플리케이션을 구축할 수 있는 지식과 기술을 갖추게 될 것입니다. 이제 Vue.js를 마스터하기 위한 여정을 함께 시작하세요!

목차

1장 : Vue.js 소개
___1. Vue.js란?
___2. 주요 기능 및 장점
___3. 개발 환경 설정하기
___4. 첫 번째 Vue 애플리케이션
___5. Vue CLI 개요
2장 : Vue.js 기본 사항
___1. Vue 인스턴스
___2. 데이터 바인딩 보간 및 지시어
___3. 계산된 프로퍼티 및 감시자
___4. 클래스 및 스타일 바인딩
___5. 조건부 렌더링
___6. 리스트 렌더링
___7. 이벤트 처리
___8. 폼 입력 바인딩
3장 : 컴포넌트
___1. 컴포넌트란?
___2. 컴포넌트 생성 및 등록하기
___3. Props: 컴포넌트에 데이터 전달하기
___4. 컴포넌트 간 커스텀 이벤트 및 이벤트 처리
___5. 슬롯 컴포넌트 내 콘텐츠 배포
___6. 동적 및 비동기 컴포넌트
___7. 컴포넌트 라이프사이클 훅
4장 : Vue 라우터
___1. Vue 라우터 설정
___2. 기본 탐색
___3. 경로 매개변수 및 Props
___4. 중첩된 경로
___5. 프로그래밍 방식 탐색
___6. 경로 가드
___7. 동적 라우팅
5장 : Vuex를 사용한 상태 관리
___1. Vuex 소개
___2. 상태, 게터, 뮤테이션 및 액션
___3. Vuex의 모듈
___4. 비동기 작업 처리하기
___5. 대규모 애플리케이션에서 Vuex 구조화하기
6장 : Vue 컴포지션 API
___1. 컴포지션 API 소개
___2. 반응형 참조
___3. 컴포지션 API에서 Computed 및 Watch
___4. 컴포지션 API의 라이프사이클 훅
___5. 컴포지션 API에서 Vuex 사용
7장 : 폼과 입력 처리하기
___1. 폼 바인딩 기초
___2. 유효성 검사 전략
___3. 폼 유효성 검사를 위해 서드파티 라이브러리 사용하기
8장 : 애니메이션 및 전환
___1. Vue에서 애니메이션의 기초
___2. Enter/Leave 및 리스트 전환
___3. 타사 애니메이션 라이브러리 사용
9장 : 다른 기술과의 통합
___1. Axios를 사용한 HTTP 요청
___2. 웹소켓과 실시간 통신
___3. 타입스크립트와 Vue 사용
10장 : Vue 애플리케이션 테스트
___1. Vue 테스트 유틸리티를 사용한 단위 테스트
___2. Cypress를 사용한 엔드투엔드 테스트
___3. 테스트에서 모킹 및 스터빙하기
11장 : 배포 및 성능 최적화
___1. 번들링 및 축소
___2. 지연 로딩 컴포넌트
___3. Nuxt.js를 사용한 서버 측 렌더링(SSR)
___4. 성능 모니터링
12장 : 고급 Vue 개념
___1. 사용자 정의 지시문
___2. 렌더링 함수 및 JSX
___3. 플러그인 개발
___4. 재사용 가능한 컴포넌트 라이브러리

작가정보

저자(글) 온개발팀

세상에 필요한 솔루션을 개발하기 위해 다양한 프로그래밍을 활용하고 있습니다.