close
더북(TheBook)
search
Vue.js 코딩 공작소
더북(TheBook)
home
Home
제 1 부 Vue.js와 친해지기
1장 Vue.js 소개
1.1 거인의 어깨 위에서
1.1.1 모델-뷰-컨트롤러 패턴
1.1.2 모델-뷰-뷰모델 패턴
1.1.3 반응형 애플리케이션이란?
1.1.4 자바스크립트 계산기
1.1.5 Vue 계산기
1.1.6 자바스크립트와 Vue 비교
1.1.7 Vue는 어떻게 MVVM과 반응성을 사용할까?
1.2 왜 Vue.js를 사용할까?
1.3 미래에 대한 생각
1.4 요약
2장 Vue 인스턴스
2.1 첫 애플리케이션
2.1.1 Vue 인스턴스 루트
2.1.2 애플리케이션이 잘 작동하는지 확인
2.1.3 뷰 안에서 무언가 보여 주기
2.1.4 Vue에서 속성 살펴보기
2.2 Vue 생명 주기
2.2.1 생명 주기 훅 추가
2.2.2 생명 주기 코드 탐구
2.2.3 생명 주기 코드를 유지할까?
2.3 상품 표시
2.3.1 상품 데이터 정의
2.3.2 상품 화면 마크업
2.4 출력 필터 적용
2.4.1 필터 함수 작성
2.4.2 마크업에 필터를 추가하고 여러 값 테스트
2.5 연습 문제
2.6 요약
제 2 부 뷰와 뷰-모델
3장 상호 작용성 추가
3.1 장바구니 데이터는 배열 추가로 시작
3.2 DOM 이벤트에 바인딩
3.2.1 이벤트 바인딩 기초
3.2. 2 <장바구니 담기> 버튼에 이벤트 연결
3.3 <장바구니 담기> 버튼을 추가하고 개수 세기
3.3.1 계산된 속성은 언제 사용할까?
3.3.2 계산된 속성으로 업데이트 이벤트 살펴보기
3.3.3 장바구니에 담긴 상품 개수 표시 및 테스트
3.4 버튼에 사용자 편의 추가
3.4.1 재고 주시
3.4.2 계산된 속성과 재고 작업
3.4.3 v-show 지시자 기초
3.4.4 v-if와 v-else를 사용해서 버튼 비활성화
3.4.5 토글 기능이 있는 <장바구니 담기> 버튼 추가
3.4.6 v-if를 사용해서 체크아웃 페이지 표시
3.4.7 v-show와 v-if/v-else 비교
3.5 연습 문제
3.6 요약
▲ 그림 3-10
아무것도 업데이트되지 않으면 메시지도 출력되지 않음
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address
