국립세종도서관 메인화면

• ·표제/책임표시사항 Vue.js 코딩 공작소 / 에릭 한쳇,벤자민 리스트원 지음 ;정용석 옮김
• ·발행사항 서울 : 길벗, 2019
• ·형태사항 344 p. :삽화 ;24 cm
• ·주기사항 원표제:Vue.js in action
  원저자명: Erik Hanchett, Benjamin Listwon
  색인수록
  권말부록: 환경 설정 ; 연습 문제 해답
  영어 원작을 한국어로 번역
  
• ·표준번호/부호 ISBN: 9791160509229  93000: \24000 
• ·분류기호 한국십진분류법-> 005.138  듀이십진분류법-> 005.2762  
• ·주제명 자바 스크립트[JavaScript]프레임 워크[framework]

목차

1부 Vue.js와 친해지기-020
1장 Vue.js 소개-021
1.1 거인의 어깨 위에서-023
    1.1.1 모델-뷰-컨트롤러 패턴-023
    1.1.2 모델-뷰-뷰모델 패턴-025
    1.1.3 반응형 애플리케이션이란?-026
    1.1.4 자바스크립트 계산기-026
    1.1.5 Vue 계산기-030
    1.1.6 자바스크립트와 Vue 비교-031
    1.1.7 Vue는 어떻게 MVVM과 반응성을 사용할까?-032
1.2 왜 Vue.js를 사용할까?-033
1.3 미래에 대한 생각-035
1.4 요약-036

2장 Vue 인스턴스-037
2.1 첫 애플리케이션-038
    2.1.1 Vue 인스턴스 루트-039
    2.1.2 애플리케이션이 잘 작동하는지 확인-041
    2.1.3 뷰 안에서 무언가 보여 주기-044
    2.1.4 Vue에서 속성 살펴보기-045
2.2 Vue 생명 주기-047
    2.2.1 생명 주기 훅 추가-048
    2.2.2 생명 주기 코드 탐구-049
    2.2.3 생명 주기 코드를 유지할까?-051
2.3 상품 표시-051
    2.3.1 상품 데이터 정의-052
    2.3.2 상품 화면 마크업-052
2.4 출력 필터 적용-056
    2.4.1 필터 함수 작성-056
    2.4.2 마크업에 필터를 추가하고 여러 값 테스트-057
2.5 연습 문제-059
2.6 요약-059

2부 뷰와 뷰-모델-060
3장 상호 작용성 추가-061
3.1 장바구니 데이터는 배열 추가로 시작-062
3.2 DOM 이벤트에 바인딩-063
    3.2.1 이벤트 바인딩 기초-063
    3.2.2 [장바구니 담기] 버튼에 이벤트 연결-064
3.3 [장바구니 담기] 버튼을 추가하고 개수 세기-067
    3.3.1 계산된 속성은 언제 사용할까?-067
    3.3.2 계산된 속성으로 업데이트 이벤트 살펴보기-068
    3.3.3 장바구니에 담긴 상품 개수 표시 및 테스트-074
3.4 버튼에 사용자 편의 추가-075
    3.4.1 재고 주시-076
    3.4.2 계산된 속성과 재고 작업-077
    3.4.3 v-show 지시자 기초-078
    3.4.4 v-if와 v-else를 사용해서 버튼 비활성화-080
    3.4.5 토글 기능이 있는 <장바구니 담기> 버튼 추가-082
    3.4.6 v-if를 사용해서 체크아웃 페이지 표시-084
3.4.7 v-show와 v-if/v-else 비교-085
3.5 연습 문제-086
3.6 요약-086

4장 폼과 입력-087
4.1 v-model 바인딩 사용-089
4.2 값 바인딩 살펴보기-097
    4.2.1 체크 박스에 값 바인딩-097
    4.2.2 값 바인딩과 라디오 버튼 작업-099
    4.2.3 v-for 지시자 알아보기-100
4.3 수식어 살펴보기-105
    4.3.1 .number 수식어 사용-105
    4.3.2 입력 값 다듬기-106
    4.3.3 .lazy v-model 수식어-108
4.4 연습 문제-109
4.5 요약-109

5장 조건부, 반복, 리스트-111
5.1 사용 가능한 목록 메시지 표시-112
    5.1.1 체크 박스에 값 바인딩-112
    5.1.2 v-else와 v-else-if를 사용해서 메시지 더 추가-115
5.2 상품 반복-117
    5.2.1 v-for 범위를 이용한 별점 추가-117
    5.2.2 별점에 HTML 클래스 바인딩-119
    5.2.3 상품 셋팅-122
    5.2.4 products.json에서 상품 정보 가져오기-124
    5.2.5 v-for 지시자로 앱 리팩토링-126
5.3 레코드 정렬-131
5.4 연습 문제-133
5.5 요약-134

6장 컴포넌트 사용-135
6.1 컴포넌트란?-136
    6.1.1 컴포넌트 생성-137
    6.1.2 전역 등록-137
6.1.3 지역 등록-139
6.2 컴포넌트의 관계-140
6.3 속성을 사용해서 데이터 전달-142
    6.3.1 리터럴 속성-142
    6.3.2 동적 속성-143
    6.3.3 속성 검증-147
6.4 템플릿 컴포넌트 정의-150
    6.4.1 인라인 템플릿 문자열 사용-150
    6.4.2 text/x-template 스크립트 요소-151
    6.4.3 단일 파일 컴포넌트-152
6.5 커스텀 이벤트-154
    6.5.1 이벤트 수신-154
    6.5.2 .sync를 사용해서 자식 속성 변경-156
6.6 연습 문제-157
6.7 요약-158

7장 고급 컴포넌트와 라우팅-159
7.1 슬롯 사용-160
7.2 지정 슬롯 살펴보기-164
7.3 범위 슬롯-167
7.4 동적 컴포넌트 앱 생성-169
7.5 비동기 컴포넌트 설정-172
7.6 Vue-CLI를 사용하여 애완용품샵 앱 변환-174
    7.6.1 Vue- CLI로 새로운 애플리케이션 생성-175
    7.6.2 라우트 설정-178
    7.6.3 애플리케이션에 CSS, Bootstrap, Axios 추가-179
    7.6.4 컴포넌트 설정-181
    7.6.5 Form 컴포넌트 생성-184
    7.6.6 Main 컴포넌트 추가-187
7.7 라우팅-192
    7.7.1 매개변수가 있는 상품 경로 추가-193
    7.7.2 태그와 함께 라우터 링크 설정-196
    7.7.3 스타일을 적용한 라우터 링크 설정-198
    7.7.4 수정 경로 추가-199
    7.7.5 리다이렉션과 와일드카드 사용-202
7.8 연습 문제-204
7.9 요약-205

8장 트랜지션 및 애니메이션-207
8.1 트랜지션 기본-208
8.2 애니메이션 기본-213
8.3 자바스크립트 훅-215
8.4 트랜지션 컴포넌트-218
8.5 애완용품샵 애플리케이션 업데이트-221
    8.5.1 애완용품샵 애플리케이션에 트랜지션 추가-222
    8.5.2 애완용품샵 애플리케이션에 애니메이션 추가-223
8.6 연습 문제-226
8.7 요약-226

9장 Vue 확장-227
9.1 믹스인과 함께 기능 재사용-228
    9.1.1 전역 믹스인-233
9.2 예제와 함께 커스텀 지시자 배우기-234
    9.2.1 수정자, 값, 인수를 포함한 전역 커스텀 지시자-237
9.3 렌더 함수와 JSX-240
    9.3.1 렌더 함수 예제-241
    9.3.2 JSX 예제-244
9.4 연습 문제-249
9.5 요약-249

3부 데이터 모델링, API 사용과 테스트-250
10장 Vuex-251
10.1 Vuex, 뭐가 좋을까?-252
10.2 Vuex 상태와 뮤테이션-255
10.3 게터와 액션-259
10.4 애완용품샵 앱과 함께 Vue-CLI에 Vuex 추가-262
    10.4.1 Vue- CLI에서 Vuex 설치-263
10.5 Vuex 헬퍼-266
10.6 모듈 살펴보기-269
10.7 연습 문제-272
10.8 요약-272

11장 서버와의 통신-273
11.1 서버 사이드 렌더링-274
11.2 Nuxt.js 소개-276
    11.2.1 음악 검색 앱 생성-278
    11.2.2 프로젝트 생성과 의존성 설치-279
    11.2.3 빌딩 블록 및 컴포넌트 생성-282
    11.2.4 기본 레이아웃 업데이트-286
    11.2.5 Vuex를 사용해서 저장소 추가-287
    11.2.6 미들웨어 사용-287
    11.2.7 Nuxt.js를 사용해서 경로 생성-289
11.3 파이어베이스와 VuexFire로 서버와 통신-294
    11.3.1 파이어베이스 설정-295
    11.3.2 파이어베이스로 애완용품샵 앱 설정-298
    11.3.3 인증 상태로 Vuex 업데이트-300
    11.3.4 인증으로 헤더 컴포넌트 업데이트-302
    11.3.5 파이어베이스 실시간 데이터베이스로 Main.vue 업데이트-306
11.4 연습 문제-307
11.5 요약-308

12장 테스트-309
12.1 테스트 케이스 생성-310
12.2 지속 통합·전달·배포-311
    12.2.1 지속 통합-312
    12.2.2 지속 전달-313
    12.2.3 지속 배포-313
12.3 테스트 종류-314
12.4 환경 설정-315
12.5 vue-test-utils로 첫 테스트 케이스 생성-317
12.6 테스트 컴포넌트-321
    12.6.1 테스트 속성-321
    12.6.2 텍스트 테스트-322
    12.6.3 CSS 클래스 테스트-323
    12.6.4 모의 Vuex 테스트-324
12.7 크롬 디버거 설정-327
12.8 연습 문제-329
12.9 요약-330

부록 A 환경 설정-331
A.1 크롬 개발자 도구-332
A.2 크롬 vue-devtools-333
A.3 각 장의 컴패니언 코드 얻기-335
A.4 Node.js와 npm 설치-335
    A.4.1 원 클릭 인스톨러를 사용해서 Node.js 설치-335
    A.4.2 NVM을 사용해서 Node.js 설치-336
    A.4.3 리눅스 패키지 관리 시스템을 사용해서 Node.js 설치-337
    A.4.4 MacPorts 혹은 Homebrew를 사용해서 Node.js 설치-337
    A.4.5 Node.js가 제대로 설치되었는지 확인-337
A.5 Vue-CLI 설치-338

부록 B 연습 문제 해답-339

찾아보기-343