Vue.js 첫걸음

기본 원리부터 응용까지 탄탄하게 익히는 웹 애플리케이션 개발

이지호 지음

한빛미디어 2018년 04월 10일 출간 종이책 : 2018년 04월 02일 출간

작품소개

책소개

앵귤러와 리액트의 장점을 결합한 자바스크립트 프레임워크

앵귤러나 리액트 등의 프런트엔드 자바스크립트 프레임워크는 버전 변화도 빠르고, 배우고 익숙해지는 데 적지 않은 시간을 들여야 합니다. 이를 해결하고자 앵귤러와 리액트의 장점만을 담아 만든 것이 Vue.js입니다. 새로운 웹 애플리케이션 개발의 효율성을 높이는 건 물론이고 기존 프로젝트에 적용할 수도 있습니다.

이 책은 웹 애플리케이션 개발자가 Vue.js를 빠르면서도 제대로 익힐 수 있도록 꼼꼼하게 설명합니다. 특히 책에서 다루는 예제 코드는 웹 개발을 하다가 필요한 부분에 바로 응용해 사용할 수 있게끔 구성했습니다. 평소 자바스크립트 웹 애플리케이션 개발에 어려움을 겪었던 사람에게 유익할 것입니다.

목차

CHAPTER 1 Vue.js 소개
__1.1 Vue.js의 탄생 배경
__1.2 가상 DOM 방식
__1.3 Vue.js의 장점
__1.4 Vue.js 활용

CHAPTER 2 Vue.js 개발 환경
__2.1 배포용 버전과 개발용 버전
__2.2 npm과 vue-cli 설치
__2.3 빌드 도구
__2.4 마치며

CHAPTER 3 Vue.js의 주요 개념
__3.1 Vue.js 프로그램의 라이프사이클
__3.2 인스턴스와 컴포넌트
__3.3 템플릿
__3.4 옵션, 상태, 데이터
__3.5 감시자
__3.6 렌더링
__3.7 이벤트 핸들링
__3.8 데이터 바인딩과 폼 입력 바인딩
__3.9 디렉티브와 보간법
__3.10 첫 Vue.js 프로그램
__3.11 마치며

CHAPTER 4 Vue.js API
__4.1 옵션
__4.2 인스턴스 속성
__4.3 인스턴스 이벤트 메서드
__4.4 라이프사이클 이벤트 훅
__4.5 라이프사이클 메서드
__4.6 마치며

CHAPTER 5 템플릿 문법
__5.1 선언적 렌더링
__5.2 문자열 보간법
__5.3 속성 보간법
__5.4 일회성 보간법
__5.5 HTML 보간법
__5.6 템플릿 문법에서 사용하는 디렉티브
__5.7 필터
__5.8 자주 사용하는 사용자화 필터
__5.9 마치며

CHAPTER 6 반복 렌더링
__6.1 반복 렌더링에서 사용하는 디렉티브
__6.2 배열 변경 감지 메서드
__6.3 필터링과 정렬 적용
__6.4 마치며

CHAPTER 7 조건부 렌더링
__7.1 조건부 렌더링에서 사용하는 디렉티브
__7.2 v-if와 v-for 디렉티브의 차이점
__7.3 마치며

CHAPTER 8 계산된 속성과 감시자
__8.1 계산된 속성
__8.2 캐싱과 메서드
__8.3 computed 속성에 세터와 게터 메서드 추가
__8.4 감시자
__8.5 computed 속성과 watch 속성의 비교
__8.6 마치며

CHAPTER 9 클래스와 스타일 바인딩
__9.1 CSS 클래스 바인딩
__9.2 인라인 스타일 바인딩
__9.3 마치며

CHAPTER 10 이벤트 리스너와 이벤트 수식어
__10.1 이벤트 리스닝
__10.2 폼 이벤트 리스너
__10.3 메서드 이벤트 리스너
__10.4 인라인 메서드 리스너
__10.5 이벤트 수식어
__10.6 키 수식어
__10.7 마우스 버튼 수식어
__10.8 시스템 수식어 키
__10.9 마치며

CHAPTER 11 폼 입력 바인딩
__11.1 한 줄 바인딩
__11.2 여러 줄 바인딩
__11.3 checkbox 엘리먼트 바인딩
__11.4 radio 엘리먼트 바인딩
__11.5 select 엘리먼트 바인딩
__11.6 값 바인딩
__11.7 text 엘리먼트의 수식어
__11.8 마치며

CHAPTER 12 컴포넌트
__12.1 컴포넌트는 무엇인가요
__12.2 컴포넌트 사용하기
__12.3 싱글 컴포넌트 파일
__12.4 컴포넌트에 props 옵션으로 prop 속성 목록 전달
__12.5 사용자화 이벤트
__12.6 슬롯을 사용한 콘텐츠 배포
__12.7 마치며

CHAPTER 13 상태 관리
__13.1 상태 관리는 무엇인가요
__13.2 시작하기
__13.3 핵심 컨셉
__13.4 애플리케이션 구조
__13.5 플러그인
__13.6 마치며

CHAPTER 14 라우팅과 HTTP 통신
__14.1 Vue.js 프로그램의 HTTP 통신
__14.2 vue-router를 사용해 SPA 프로그램 작성
__14.3 마치며

APPENDIX A 웹 개발 보조 프로그램
__A.1 Insomnia REST Client
__A.2 WebStorm 프로그램

APPENDIX B 더 알아보기
__B.1 서버 사이드 렌더링
__B.2 단위 테스팅
__B.3 다른 프레임워크와의 비교
__B.4 파이썬을 사용해 Node.js 환경 구성하기

출판사 서평

빠르게 익히고 다양하게 써먹는 정통 Vue.js 입문
좋은 프런트엔드 개발자가 되고 싶다면 여러 가지 형태의 웹 페이지를 직접 만들어보는 것이 가장 중요합니다. 그리고 만들어보는 과정에서 좋은 예제를 참고해서 기본기를 확실하게 익히는 것이 좋습니다.

이 책은 기본기를 확실히 익힐 수 있는 좋은 예제를 엄선해 Vue.js를 익히도록 했습니다. Vue.js의 창시자 에번 유의 철학인 “무엇인가 정말 가볍게 만들어보고 싶다”에 맞게 부드럽고 편안한 분위기, 직관적인 설명으로 Vue.js의 개요부터 실제 개발에 필요한 포인트들을 잘 짚어줍니다. 혼자 읽지만 같이 문제를 풀듯이 설명하면서 Vue.js를 쉽게 포기하지 않도록 도와줍니다.

★ 이 책의 특징
1. 메모장과 웹 브라우저만 있으면 OK!
이 책은 자바스크립트의 기본기를 다졌다면 Vue.js를 바로 배울 수 있도록 구성했습니다. 별도의 개발 도구를 사용하는 방법도 설명하지만 기본적으로 메모장과 웹 브라우저만 있으면 이 책을 읽고 Vue.js 문법을 바로바로 살펴볼 수 있습니다.

2. 공식 문서의 부족했던 부분을 잘 챙겨줍니다.
Vue.js는 이미 공식 문서가 한글화되어 있습니다. 하지만 부족한 설명도 상당합니다. 이 책은 공식 문서를 읽다가 궁금했던 부분을 제대로 설명해주자는 마음가짐으로 썼습니다. 단순히 문법만 설명하는 것이 아니라 왜 이 문법을 사용해야 하는지 알려줍니다. 또한 문법만 짧게 설명한 부분에 예제 코드를 제공해 개념 이해를 돕습니다. 공식 문서에 부족함을 느낀 분이라면 이 책을 읽고 Vue.js의 이해도를 더 높일 수 있습니다.

대상 독자
- 자바스크립트 기초 과정을 마친 후 프런트엔드 자바스크립트 프레임워크를 공부하려는 사람
- Vue.js를 공부하려는 다른 프런트엔드 자바스크립트 프레임워크 개발자
- 기존에 만든 웹 애플리케이션을 개선하려는 사람\

작가정보

저자(글) 이지호

저자 이지호는 초등학교에서 GW-BASIC을 처음 배우고, 중학교에서는 프로그래밍에 큰 흥미를 느껴 독학으로 프로그램 개발을 시작했습니다. 현재는 한국방송통신대학교 대학원의 정보과학과에서 데이터베이스를 연구하고 있습니다. 자바스크립트와 파이썬을 접한 이후로는 두 언어를 조합해서 어떤 결과물을 만드는 것을 좋아합니다. 파이썬과 데이터베이스로 우주 정복을 꿈꾸는, 철없는 면도 있습니다.
『Flask 기반의 파이썬 웹 프로그래밍』(제이펍, 2016)을 집필했고, 『코딩 클럽 LV2. 본격 파이썬 입문』, 『코딩 클럽 LV3. 제대로 된 파이썬 앱 만들기』(한빛미디어, 2015)를 함께 옮겼습니다.