‘배워서 남주고 싶어지는 즐거운 Vue.js의 시작!’
의욕은 넘치는데, 막상 어디서부터 시작해야 좋을지 모르겠다거나 향상된 프런트엔드 웹 개발 수준에 당황하여 ‘내가 잘 몰라서 이해를 못하는 걸지도...’라며 잘못된 수준과 학습 방법을 선택하는 경우가 많습니다.
이 책은 초심자들에게 꼭 그런 것만은 아니라며 자신감을 복돋워 줄 수 있도록 ‘하향식’ 학습 방법을 채택하여 다양하고 많은 개념을 조금씩 차근히 진행할 수 있게 합니다. 그로 인해 책을 다 읽고 나면 넓은 프런트엔드 세계를 앞으로 어떻게 여행해야 하는지, 스스로의 힘으로 생각하고 방향성을 잡을 수 있을 것입니다.
저자 소개
저자 : mio
군마현 출신이며, 주식회사 Charm의 웹 디자이너이자 엔지니어였다. 지금은 회사와 집에서 강아지와 고양이에게 둘러싸인 채 프리랜서와 스터디 그룹의 강사로 활동하고 있다.
역자 : 윤인성
출근하는 게 싫어서 책을 집필/번역하기 시작했다. 일본어는 픽시브에서 웹 코믹을 읽다가 배웠다고 전해진다. 현재 직업 특성상 집에서 나갈 이유가 별로 없다는 것에 굉장히 만족하는 성격이기도 하다. 홍차와 커피를 좋아하며 요리, 음악, 그림, 스컬핑 등이 취미다. ≪모던 웹을 위한 JavaScript+jQuery 입문≫, ≪모던 웹을 위한 Node.js 프로그래밍≫, ≪Hello Coding 파이썬≫(이상 한빛미디어) 등을 저술하였으며, ≪아마존 웹 서비스 패턴별 구축·운용 가이드≫, ≪Electron 애플리케이션 개발≫(이상 프리렉), ≪파이썬을 이용한 머신러닝, 딥러닝 실전 개발 입문≫, ≪최신 표준 HTML+CSS 디자인≫(이상 위키북스), ≪실전 게임 제작으로 배우는 언리얼 엔진 4≫, ≪데이터 분석을 위한 SQL 레시피≫(이상 한빛미디어), ≪소셜 코딩으로 이끄는 GitHub 실천 기술≫(제이펍) 등을 번역했다.
목 차
CHAPTER 1 Vue.js 프레임워크의 기초 1
SECTION 01 Vue.js 개요-2
SECTION 02 Vue.js의 키 컨셉-6
SECTION 03 풍부한 리소스 활용하기-13
SECTION 04 Vue.js 설치하기-16
SECTION 05 Vue.js의 기본 기능-20
SECTION 06 옵션의 구성 살펴보기-25
CHAPTER 2 데이터 등록과 변경 33
SECTION 07 기본적인 데이터 바인딩-34
SECTION 08 텍스트와 속성 데이터 바인딩-37
SECTION 09 템플릿에서 조건 분기하기-51
SECTION 10 리스트 데이터 출력/변경하기-54
SECTION 11 DOM을 직접 참조하는 $el과 $refs-69
SECTION 12 템플릿 제어 디렉티브-72
CHAPTER 3 이벤트와 입력 양식 79
SECTION 13 이벤트 핸들링-80
SECTION 14 입력 양식 입력 핸들링-90
SECTION 15 마운트 요소 외의 이벤트 조작-100
CHAPTER 4 데이터 감시하고 가공하기 105
SECTION 16 산출 속성으로 처리를 포함한 데이터 만들기-106
SECTION 17 워처로 데이터 감시해서 처리 자동화하기-115
SECTION 18 필터로 텍스트 변환 처리하기-122
SECTION 19 사용자 정의 디렉티브로 데이터를 감시하면서 DOM 조작하기-126
SECTION 20 nextTick으로 변경 후의 DOM에 접근하기-132
CHAPTER 5 컴포넌트로 UI 부품 만들기 135
SECTION 21 컴포넌트란?-136
SECTION 22 컴포넌트 정의 방법-139
SECTION 23 컴포넌트끼리의 통신-144
SECTION 24 슬롯을 사용한 사용자 정의 컴포넌트-160
SECTION 25 컴포넌트의 양방향 데이터 바인딩-166
SECTION 26 템플릿 정의 방법-170
SECTION 27 이외의 기능과 옵션-175
CHAPTER 6 트랜지션과 애니메이션 183
SECTION 28 트랜지션이란?-184
SECTION 29 단일 요소 트랜지션-189
SECTION 30 리스트 트랜지션-196
SECTION 31 SVG 트랜지션-201
SECTION 32 트랜지션 훅-203
CHAPTER 7 큰 규모의 애플리케이션 개발하기 207
SECTION 33 애플리케이션 확장하기 -208
SECTION 34 Vue CLI란?-210
SECTION 35 단일 파일 컴포넌트-215
SECTION 36 ES2015 모듈-220
SECTION 37 Node.js-222
SECTION 38 Vue CLI 사용하기-226
SECTION 39 Vue.js 플러그인-233
SECTION 40 ES2015로 작성해 보기-237
CHAPTER 8 Vuex로 애플리케이션 상태 관리하기 247
SECTION 41 Vuex란?-248
SECTION 42 기본적인 스토어의 구조-251
SECTION 43 코어 컨셉-254
SECTION 44 컴포넌트에서 스토어 사용하기-261
SECTION 45 모듈을 사용해서 커져 버린 스토어 분할하기-268
SECTION 46 이외의 기능과 옵션-276
CHAPTER 9 Vue Router로 SPA 만들기 279
SECTION 47 Vue Router란?-280
SECTION 48 간단한 SPA의 구조-282
SECTION 49 라우터 정의와 옵션-288
SECTION 50 내비게이션 만들기-291
SECTION 51 매개변수가 있는 동적 라우트로 콘텐츠 만들기-295
SECTION 52 네스트되어 있는 복잡한 페이지 만들기-302
SECTION 53 내비게이션 가드-308
SECTION 54 페이지 이동 효과 적용하기-313
SECTION 55 자주 사용하는 기능과 옵션-317
출판사 서평
입문을 넘어 실전 활용까지 이어지는 즐거운 Vue.js 학습!
프런트엔드를 둘러싼 기술 발전으로 인해 프런트엔드 자체의 역할은 늘어나고, 프레임워크도 더욱 가까운 존재가 되었습니다. 이 책에서는 ‘Vue.js는 뭐야?’, ‘프레임워크는 또 뭐지?’라는 가장 기본적인 개념을 도입하는 것부터 시작해, 실전에 도움이 되는 정보까지를 풍부한 그림과 함께 체계적으로 설명합니다.
자바스크립트 프레임워크를 공부하려는 독자는 물론, 이미 Vue.js를 사용하시는 분들도 기초를 다지기에 최적의 책이며, 튜토리얼이나 실제 예제들이 수록된 독자 지원 페이지도 제공하므로 학습 시에 책과 함께 살펴보시면 더 높은 학습 효과를 얻을 수 있습니다.