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 요약
previous
next
slide 1 of 18
, currently active
slide 2 of 18
slide 3 of 18
slide 4 of 18
slide 5 of 18
slide 6 of 18
slide 7 of 18
slide 8 of 18
slide 9 of 18
slide 10 of 18
slide 11 of 18
slide 12 of 18
slide 13 of 18
slide 14 of 18
slide 15 of 18
slide 16 of 18
slide 17 of 18
slide 18 of 18
2
.5
연습 문제
이 장에서 배운 내용을 바탕으로 다음 질문에 답하세요.
•
2.4절에서 가격 필터를 만들어 보았습니다. 다른 도움이 될 만한 필터가 있을까요?
부록 B에서 답을 확인하세요.
Prev
BUY
Next
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.
Email address