컨텐츠상세보기

고양이도 할 수 있는 Vue.js
고양이도 할 수 있는 Vue.js
  • 저자mio 저/윤인성 역
  • 출판사제이펍
  • 출판일2020-03-26
  • 등록일2020-12-21
보유 1, 대출 0, 예약 0, 누적대출 8, 누적예약 0
대출하기

책소개

‘배워서 남주고 싶어지는 즐거운 Vue.js의 시작!’

의욕은 넘치는데, 막상 어디서부터 시작해야 좋을지 모르겠다거나 향상된 프런트엔드 웹 개발 수준에 당황하여 ‘내가 잘 몰라서 이해를 못하는 걸지도...’라며 잘못된 수준과 학습 방법을 선택하는 경우가 많습니다.

이 책은 초심자들에게 꼭 그런 것만은 아니라며 자신감을 복돋워 줄 수 있도록 ‘하향식’ 학습 방법을 채택하여 다양하고 많은 개념을 조금씩 차근히 진행할 수 있게 합니다. 그로 인해 책을 다 읽고 나면 넓은 프런트엔드 세계를 앞으로 어떻게 여행해야 하는지, 스스로의 힘으로 생각하고 방향성을 잡을 수 있을 것입니다.

목차

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

한줄 서평