본문내용 바로가기
MD의선택 무료배송 소득공제

Vue.js 코딩 공작소 컴포넌트, Vuex, Vue-CLI, Vue-Router까지 | 웹 애플리케이션 제작 흐름 그대로 배우자!

에릭 한쳇 , 벤자민 리스트원 지음 | 정용석 옮김 | 길벗 | 2019년 09월 25일 출간
  • 정가 : 24,000원
    판매가 : 21,600 [10%↓ 2,400원 할인]
  • 통합포인트 :
    [기본적립] 1,200원 적립 [5% 적립] 안내 [추가적립] 5만원 이상 구매 시 2천원 추가적립 [회원혜택] 우수회원 3만원 이상 구매 시 2~4% 추가적립
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    당일배송 지금 주문하면 오늘(18일,금) 도착 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내
상품상세정보
ISBN 9791160509229(1160509220)
쪽수 344쪽
크기 182 * 234 * 20 mm /646g 판형알림
이 책의 원서/번역서 Vue.Js in Action/Hanchett, Erik

책소개

이 책이 속한 분야

이 책의 주제어

웹 스토어 애플리케이션을 만들면서 배우는 Vue.js

Vue.js는 웹 애플리케이션에서 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 프레임워크다. 다른 단일형 프레임워크와 달리 점진적으로 채택할 수 있게 설계되어 웹 애플리케이션의 일부분에만 적용하다가 점차 확장할 수 있으며, 처음부터 Vue.js로 구현할 수도 있다. 또한, 문법이 간단해 HTML, CSS, 자바스크립트를 경험한 적이 있다면 비교적 손쉽게 익힐 수 있다. 책 전체에 걸쳐 제품 목록, 체크아웃, 관리 인터페이스를 갖춘 웹 스토어 애플리케이션을 구축하면서 웹 애플리케이션 서비스를 준비하는 데 필요한 모든 과정을 경험한다. 실습을 통해 무엇을 어떻게 사용하는지, 왜 사용하는지를 이해해 자신만의 프로젝트를 위한 탄탄한 토대도 다질 수 있다. 자바스크립트를 알면서 Vue.js를 제대로 익히고자 하는 분께 추천한다.

상세이미지

Vue.js 코딩 공작소 도서 상세이미지

저자소개

저자 : 에릭 한쳇

Erik Hanchett
웹 개발자로 10년 이상 일했다. 『Ember.js Cookbook』의 저자이자 http://erik.video의 유튜버이고, http://programwitherik.com의 블로거다. https://goo.gl/UmemSS에서 자바스크립트 개발자들을 위한 팁과 트릭을 소개한다.

저자 : 벤자민 리스트원

Benjamin Listwon
20년차 디자이너이자 개발자다. 20년 동안 훌륭한 사람들과 함께 앱, 웹 사이트 및 소프트웨어를 개발했고, 지금은 혼자 일하고 있다.

역자 : 정용석

컴퓨터가 재밌어서 개발자가 되었고, 영어를 좋아해서 번역을 시작했다. 백엔드 개발자로 시작했다가 현재는 노드 서버를 기반으로 한 다양한 프런트엔드 프레임워크를 탐구하고 있다.

목차

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 요약

4장 폼과 입력
4.1 v-model 바인딩 사용
4.2 값 바인딩 살펴보기
__4.2.1 체크 박스에 값 바인딩
__4.2.2 값 바인딩과 라디오 버튼 작업
__4.2.3 v-for 지시자 알아보기
4.3 수식어 살펴보기
__4.3.1 .number 수식어 사용
__4.3.2 입력 값 다듬기
__4.3.3 .lazy v-model 수식어
4.4 연습 문제
4.5 요약

5장 조건부, 반복, 리스트
5.1 사용 가능한 목록 메시지 표시
__5.1.1 체크 박스에 값 바인딩
__5.1.2 v-else와 v-else-if를 사용해서 메시지 더 추가
5.2 상품 반복
__5.2.1 v-for 범위를 이용한 별점 추가
__5.2.2 별점에 HTML 클래스 바인딩
__5.2.3 상품 셋팅
__5.2.4 products.json에서 상품 정보 가져오기
__5.2.5 v-for 지시자로 앱 리팩토링
5.3 레코드 정렬
5.4 연습 문제
5.5 요약

6장 컴포넌트 사용
6.1 컴포넌트란?
__6.1.1 컴포넌트 생성
__6.1.2 전역 등록
6.1.3 지역 등록
6.2 컴포넌트의 관계
6.3 속성을 사용해서 데이터 전달
__6.3.1 리터럴 속성
__6.3.2 동적 속성
__6.3.3 속성 검증
6.4 템플릿 컴포넌트 정의
__6.4.1 인라인 템플릿 문자열 사용
__6.4.2 text/x-template 스크립트 요소
__6.4.3 단일 파일 컴포넌트
6.5 커스텀 이벤트
__6.5.1 이벤트 수신
__6.5.2 .sync를 사용해서 자식 속성 변경
6.6 연습 문제
6.7 요약

7장 고급 컴포넌트와 라우팅
7.1 슬롯 사용
7.2 지정 슬롯 살펴보기
7.3 범위 슬롯
7.4 동적 컴포넌트 앱 생성
7.5 비동기 컴포넌트 설정
7.6 Vue-CLI를 사용하여 애완용품샵 앱 변환
__7.6.1 Vue- CLI로 새로운 애플리케이션 생성
__7.6.2 라우트 설정
__7.6.3 애플리케이션에 CSS, Bootstrap, Axios 추가
__7.6.4 컴포넌트 설정
__7.6.5 Form 컴포넌트 생성
__7.6.6 Main 컴포넌트 추가
7.7 라우팅
__7.7.1 매개변수가 있는 상품 경로 추가
__7.7.2 태그와 함께 라우터 링크 설정
__7.7.3 스타일을 적용한 라우터 링크 설정
__7.7.4 수정 경로 추가
__7.7.5 리다이렉션과 와일드카드 사용
7.8 연습 문제
7.9 요약

8장 트랜지션 및 애니메이션
8.1 트랜지션 기본
8.2 애니메이션 기본
8.3 자바스크립트 훅
8.4 트랜지션 컴포넌트
8.5 애완용품샵 애플리케이션 업데이트
__8.5.1 애완용품샵 애플리케이션에 트랜지션 추가
__8.5.2 애완용품샵 애플리케이션에 애니메이션 추가
8.6 연습 문제
8.7 요약

9장 Vue 확장
9.1 믹스인과 함께 기능 재사용
__9.1.1 전역 믹스인
9.2 예제와 함께 커스텀 지시자 배우기
__9.2.1 수정자, 값, 인수를 포함한 전역 커스텀 지시자
9.3 렌더 함수와 JSX
__9.3.1 렌더 함수 예제
__9.3.2 JSX 예제
9.4 연습 문제
9.5 요약

3부 데이터 모델링, API 사용과 테스트

10장 Vuex
10.1 Vuex, 뭐가 좋을까?
10.2 Vuex 상태와 뮤테이션
10.3 게터와 액션
10.4 애완용품샵 앱과 함께 Vue-CLI에 Vuex 추가
__10.4.1 Vue- CLI에서 Vuex 설치
10.5 Vuex 헬퍼
10.6 모듈 살펴보기
10.7 연습 문제
10.8 요약

11장 서버와의 통신
11.1 서버 사이드 렌더링
11.2 Nuxt.js 소개
__11.2.1 음악 검색 앱 생성
__11.2.2 프로젝트 생성과 의존성 설치
__11.2.3 빌딩 블록 및 컴포넌트 생성
__11.2.4 기본 레이아웃 업데이트
__11.2.5 Vuex를 사용해서 저장소 추가
__11.2.6 미들웨어 사용
__11.2.7 Nuxt.js를 사용해서 경로 생성
11.3 파이어베이스와 VuexFire로 서버와 통신
__11.3.1 파이어베이스 설정
__11.3.2 파이어베이스로 애완용품샵 앱 설정
__11.3.3 인증 상태로 Vuex 업데이트
__11.3.4 인증으로 헤더 컴포넌트 업데이트
__11.3.5 파이어베이스 실시간 데이터베이스로 Main.vue 업데이트
11.4 연습 문제
11.5 요약

12장 테스트
12.1 테스트 케이스 생성
12.2 지속 통합·전달·배포
__12.2.1 지속 통합
__12.2.2 지속 전달
__12.2.3 지속 배포
12.3 테스트 종류
12.4 환경 설정
12.5 vue-test-utils로 첫 테스트 케이스 생성
12.6 테스트 컴포넌트
__12.6.1 테스트 속성
__12.6.2 텍스트 테스트
__12.6.3 CSS 클래스 테스트
__12.6.4 모의 Vuex 테스트
12.7 크롬 디버거 설정
12.8 연습 문제
12.9 요약

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

부록 B 연습 문제 해답

추천사

크리스 프릿츠(Vue 코어 팀원이자 문서 관리자)

에릭(Erik)은 사람 중심의 정신을 책에 담았습니다. 이 책은 굉장히 시각적입니다. 자세한 삽화와 주석이 딸린 스크린샷은 실무에서 작업 흐름에 대한 예를 기반으로 합니다. 결과적으로 웹 브라우저와 Vue의 작업 도구를 배우... 더보기

책 속으로

이 책을 쓰면서 공식 가이드에서 다루는 것 이상의 내용을 넣고 싶었습니다. 더 이해하기 쉽고 관계있는 예제들을 이용하여 독자가 프로젝트 개념에 좀 더 쉽게 적응할 수 있도록 했습니다. 이 책 범위를 넘어가는 주제나 중요하지 않은 부분에는 NOTE를 추가하여 공식 가이드에서 확인할 수 있도록 했습니다.
이 책은 두 가지 다른 방법으로 사용할 수 있습니다. 첫 번째는 처음부터 끝까지 일단 읽는 방법입니다. 이 경우 Vue.js의 전체적인 윤곽을 알 수 있습니다. 두 번째는 어떤 개념 정보를 얻을 수 있는 참조 매뉴얼로 사용할 수 있습... 더보기

출판사 서평

빠르게 학습하고 손쉽게 개발하라!

왜 Vue.js인가?
Vue.js는 웹 애플리케이션에서 사용자 인터페이스(UI)를 만들기 위한 자바스크립트 프레임워크다. 다른 단일형 프레임워크와 달리 점진적으로 채택할 수 있게 설계되어 웹 애플리케이션의 일부분에만 적용하다가 점차 확장할 수 있으며, 처음부터 Vue.js로 구현할 수도 있다. 또한, 문법이 간단해 HTML, CSS, 자바스크립트를 경험한 적이 있다면 비교적 손쉽게 익힐 수 있다.

Vue.js 핵심 개념부터 웹 스토어 애플리케이션 구축까지
인스턴스, 상호 작용, 폼... 더보기

북로그 리뷰 (0) 쓰러가기

도서 구매 후 리뷰를 작성하시면 통합포인트를 드립니다.
결제 90일 이내 작성 시 300원 / 발송 후 5일 이내 작성시 400원 / 이 상품의 첫 리뷰 작성 시 500원
(포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외)
안내
  • 해당도서의 리뷰가 없습니다.

Klover 평점/리뷰 (0)

문장수집 (0) 문장수집 쓰기 나의 독서기록 보기
※구매도서의 문장수집을 기록하면 통합포인트 적립 안내

교환/반품/품절안내

※ 상품 설명에 반품/교환 관련한 안내가 있는 경우 그 내용을 우선으로 합니다. (업체 사정에 따라 달라질 수 있습니다.)

교환/반품/품절안내
반품/교환방법 마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환신청 ,
[1:1상담>반품/교환/환불] 또는 고객센터 (1544-1900)

※ 오픈마켓, 해외배송주문, 기프트 주문시 [1:1상담>반품/교환/환불]
    또는 고객센터 (1544-1900)
반품/교환가능 기간 변심반품의 경우 수령 후 7일 이내,
상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
반품/교환비용 변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
반품/교환 불가 사유
  • 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
  • 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
  • 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
  • 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
  • 디지털 컨텐츠인 eBook, 오디오북 등을 1회 이상 다운로드를 받았을 경우
  • 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
  • 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에
    해당되는 경우
(1) 해외주문도서 : 이용자의 요청에 의한 개인주문상품으로 단순변심 및 착오로 인한 취소/교환/반품 시 ‘해외주문 반품/취소 수수료’ 고객 부담 (해외주문 반품/취소 수수료 : ①양서-판매정가의 12%, ②일서-판매정가의 7%를 적용)
상품 품절 공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는
이메일과 문자로 안내드리겠습니다.
소비자 피해보상
환불지연에 따른 배상
  • 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은
    소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨
  • 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의
    소비자 보호에 관한 법률에 따라 처리함

이 책의 원서번역서

안내

이 분야의 베스트

  • 윤인성
    16,200원
  • 이남호
    23,310원
  • 한국데이터진흥원
    16,200원
  • 이남호
    23,310원
  • 선양미
    18,900원
더보기+

이 분야의 신간

  • 블레이크 J. 해리스
    25,200원
  • 길벗R&D
    18,900원
  • 로버트 C. 마틴
    26,100원
  • 이기창
    31,500원
  • 한국데이터산업진흥원
    45,000원
더보기+

바로가기

  • 우측 확장형 배너 2
  • 우측 확장형 배너 2

최근 본 상품