Vue.js 2 시작하기

1장. 뷰JS와 쇼핑 가기
__유행어
__뷰JS의 역사
__뷰JS에서 가장 중요한 것
__쇼핑을 시작하자!
____jQuery를 이용해 쇼핑 목록 제작하기
____뷰JS를 이용해 쇼핑 목록 제작하기
____개발자 도구를 사용해 데이터 바인딩 분석하기
____양방향 바인딩을 통해 사용자 입력을 데이터와 연동하기
____v-for 지시자를 사용해 목록을 렌더링하기
____쇼핑 목록의 항목들을 체크, 언체크하기
____v-on 지시자를 사용해 새로운 쇼핑 목록 추가하기
__뷰JS를 기존 프로젝트에서 사용하기
__뷰JS 2
__뷰JS를 이용한 프로젝트들
____Grammarly
____Optimizely
____FIlterBlend
____PushSilver
__책의 진행 방향
__시간을 관리하자!
____계산된 속성으로 타이틀 수정하기
____계산된 속성을 사용해 시간 값에 좌측 패딩 연산하기
____시작, 일시 정지, 정지 버튼으로 상태 저장
__연습 문제
__요약


2장. 뷰JS의 기초: 설치 및 사용
__MVVM 아키텍처 패턴
__defineProperty, getter, setter
__다른 프레임워크와의 비교
____리액트
____앵귤러
____뷰
__뷰JS 기초
____재사용 가능한 컴포넌트
____뷰JS 지시자
____뷰JS 플러그인
____연습 문제
____애플리케이션 상태와 Vuex
____vue-cli
____IDE를 위한 뷰 플러그인
__뷰JS 애플리케이션의 설치와 사용 그리고 디버깅
____뷰JS 설치
__뷰 애플리케이션을 디버깅
__애플리케이션 스캐폴딩
____쇼핑 목록 스캐폴딩
____포모도르 애플리케이션 부트스트래핑하기
____연습 문제
__요약


3장. 컴포넌트: 이해 및 사용
__컴포넌트 다시 한 번 알아보기
__컴포넌트 사용의 장점
____HTML로 템플릿 작성
____컴포넌트의 data와 el 속성 처리하기
____컴포넌트의 범위
____컴포넌트 내의 또 다른 컴포넌트
__간단한 컴포넌트를 사용해 쇼핑 목록 재작성
____모든 컴포넌트들을 위한 템플릿 정의하기
____모든 컴포넌트들을 정의하고 등록하기
__연습 문제
__단일 파일 컴포넌트
____IDE 플러그인
____스타일과 스코프
____핫 리로딩
____전처리기
__단일 파일 컴포넌트를 사용해 쇼핑 목록 애플리케이션 재작성
____AddItemComponent
____ItemComponent와 ItemsComponent 구성하기
__연습 문제
__단일 파일 컴포넌트로 포모도르 애플리케이션 재작성
__CSS 트랜지션의 반응형 바인딩
__요약


4장. 반응형: 애플리케이션에 데이터 바인딩하기
__데이터 바인딩 다시 알아보기
__데이터 보간(interpolation)
____제목에 포도도로 상태 추가
____연습 문제.
__표현식과 필터 사용하기
____표현식
____필터
____연습 문제
__지시자 사용법 다시 알아보기
____v-model 지시자를 통한 양방향 바인딩
____v-bind 지시자를 사용해 속성 바인딩하기
____v-if와 v-show 지시자를 사용한 조건부 렌더링
____v-for 지시자를 사용해 배열 순회
____v-on 지시자를 사용한 이벤트 리스너
____축약 표현
____연습 문제
__고양이들
__요약


5장. Vuex: 애플리케이션 상태 관리
__부모 자식 관계 컴포넌트 간의 통신, 이벤트, 그리고 어려운 문제들
__전역 상태 관리가 필요한 이유는 무엇일까?
__Vuex의 정체?
__저장소는 어떻게 동작하고 어떤 특징을 가지는가?
__저장소 시작하기
____저장소 세터와 게터
____변이
____액션
__예제 애플리케이션에서 Vuex 저장소를 설치하고 사용하기
__쇼핑 목록 애플리케이션에서 Vuex 저장소 사용하기
__포모도로 애플리케이션에서 Vuex 저장소 사용하기
____시작, 일시 정지, 정지 버튼에 활력 더하기
____포도도로 분과 초를 바인딩하기
____포모도로 타이머 생성
____고양이 사진 변경
__요약


6장. 플러그인: 자신만의 벽돌로 집 짓기
__뷰 플러그인의 특징
__쇼핑 목록 애플리케이션에서 vue-ressource 플러그인 사용하기
____간단한 서버 생성
____vue-resource 설치와 자원 및 메소드 생성
____애플리케이션 구동 시 모든 쇼핑 목록 가져오기
____수정 시에 서버 상태 갱신하기
____새로운 쇼핑 목록 생성하기
____기존 쇼핑 목록을 삭제하기
____연습 문제
__플러그인을 직접 만들어 포모도로에서 사용하기
____NoiseGenerator 플러그인 제작
____포모도로 애플리케이션에서 플러그인 사용
____소리 전환을 위한 버튼 만들기
____연습 문제
__요약


7장. 테스트: 지금까지 해온 것들을 테스트할 시간!
__왜 단위 테스트를 작성하는가?
__뷰 애플리케이션에서 단위 테스트
__쇼핑 목록 애플리케이션의 단위 테스트 작성
____액션, 게터, 변이 테스트하기
____좋은 테스트의 기준
____코드 커버리지
____서버 응답 흉내 내기 및 비동기 테스트 작성하기
____컴포넌트 테스트하기
__포모도로 애플리케이션의 단위 테스트 작성하기
__종단 간 테스트란 무엇인가?
__종단 테스트를 위한 나이트와치
__포모도로 애플리케이션의 종단 테스트 작성하기
__요약


8장. 배포: 서비스를 시작할 시간!
__소프트웨어 배포
____깃허브란?
____트래비스란?
____헤로쿠란?
__깃허브 저장소로 애플리케이션 옮기기
__트래비스로 CI 구축
__포모도로 애플리케이션 배포하기
__쇼핑 목록 애플리케이션 배포하기
__요약


9장. 그다음은?
__현재까지의 여정
__뷰 2
__애플리케이션 되돌아보기
____쇼핑 목록 애플리케이션
____포로모도 애플리케이션
__단지 이것이 시작인 이유
____예제 애플리케이션에 기능 추가하기
____애플리케이션 꾸미기
____애플리케이션을 다른 장치들로 확장하기
__요약