간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 결제 시 최대할인 3천원 / 5만원 이상 결제, 기간 중 1회)
PAYCO(페이코) 최대 5,000원 할인
(페이코 신규 회원 및 90일 휴면 회원 한정)
북피니언 롯데카드 30% (15,120원)
(최대할인 3만원 / 3만원 이상 결제)
EBS 롯데카드 20% (17,280원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 NEW 우리V카드 10% (19,440원)
(최대할인 3만원 / 3만원 이상 결제)
인터파크 현대카드 7% (20,090원)
(최대할인 3만원 / 3만원 이상 결제)
Close

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

원제 : Vue.js in Action
소득공제

2013년 9월 9일 이후 누적수치입니다.

판매지수 654
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
정가

24,000원

  • 21,600 (10%할인)

    1,200P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 출고완료 후 14일 이내 마이페이지에서 적립받기한 경우만 적립됩니다.
  • 추가혜택
    배송정보
    주문수량
    감소 증가
    • 북카트 담기
    • 바로구매
    • 매장픽업
    • 이벤트/기획전

    • 연관도서

    • 사은품(3)

    책소개

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

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

    출판사 서평

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

    왜 Vue.js인가?

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

    Vue.js 핵심 개념부터 웹 스토어 애플리케이션 구축까지
    인스턴스, 상호 작용, 폼, 입력, 반복문, 리스트, 컴포넌트 같은 기초 지식부터 트랜지션, 애니메이션, Vuex까지 애완용품을 판매하는 웹 스토어 애플리케이션을 구축하며 학습한다. 이 과정에서 Vue.js가 무엇을 하는지, 왜 그렇게 하는지에 대한 기초 개념과 웹 애플리케이션 개발 흐름에 대해 확실히 이해할 수 있다.

    바로 써먹을 수 있는 실용적인 코드로 학습하자
    책 전체에 걸쳐 제품 목록, 체크아웃, 관리 인터페이스를 갖춘 웹 스토어 애플리케이션을 구축한다. 반응형 UI 모델을 시작으로 Vue.js의 고유 기능을 추가하면서 프로젝트를 확장해 나가며, Vue-CLI를 사용해 복잡한 애플리케이션을 단순화한다. 또한, Vuex와 테스트까지 설명해 웹 애플리케이션 서비스를 준비하는 데 필요한 모든 과정을 경험할 수 있다. 이 뿐만 아니라 자신만의 프로젝트를 진행할 때 웹 스토어 예제를 기초로 사용할 수도 있다.

    추천사

    에릭(Erik)은 사람 중심의 정신을 책에 담았습니다. 이 책은 굉장히 시각적입니다. 자세한 삽화와 주석이 딸린 스크린샷은 실무에서 작업 흐름에 대한 예를 기반으로 합니다. 결과적으로 웹 브라우저와 Vue의 작업 도구를 배우면서 공부할 내용을 실제로 확인할 수 있고, 더 중요한 점은 무언가 잘못되면 디버깅도 가능하다는 것입니다.
    프런트엔드 개발, 자바스크립트, 더 나아가 프로그래밍에 배경이 없는 사람들을 위해 에릭은 Vue가 무엇을 하는지, 왜 그렇게 하고 있는지 기초 개념을 설명합니다. 이 책은 프로젝트 중심으로 새로운 기능을 설명하기 때문에 첫 프레임워크로 Vue를 배우고자 하는 개발자에게 굉장히 이상적입니다.
    - 크리스 프릿츠(Chris Frits) / Vue 코어 팀원이자 문서 관리자

    목차

    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 연습 문제 해답

    본문중에서

    이 책을 쓰면서 공식 가이드에서 다루는 것 이상의 내용을 넣고 싶었습니다. 더 이해하기 쉽고 관계있는 예제들을 이용하여 독자가 프로젝트 개념에 좀 더 쉽게 적응할 수 있도록 했습니다. 이 책 범위를 넘어가는 주제나 중요하지 않은 부분에는 NOTE를 추가하여 공식 가이드에서 확인할 수 있도록 했습니다.
    이 책은 두 가지 다른 방법으로 사용할 수 있습니다. 첫 번째는 처음부터 끝까지 일단 읽는 방법입니다. 이 경우 Vue.js의 전체적인 윤곽을 알 수 있습니다. 두 번째는 어떤 개념 정보를 얻을 수 있는 참조 매뉴얼로 사용할 수 있습니다. 어느 방법으로 사용하든 상관없습니다.
    책 후반부에서는 빌드 시스템을 사용한 Vue.js 앱 생성을 다룹니다. 부록 A에 Vue-CLI라는 Vue.js 빌드 도구를 사용하는 방법이 있으니 걱정하지 마세요. Vue-CLI의 가장 큰 이점은 코드를 직접 단순화하거나 빌드해야 할 필요 없이 더 복잡한 Vue.js 애플리케이션을 생성할 수 있게 한다는 것입니다.
    책에서는 Vue.js 애완용품샵 애플리케이션을 만들 것입니다. 일부러 몇몇 장에서는 다른 장보다 애완용품 예제를 더 많이 사용하여 앱에서 어떻게 작동하는지 배울 필요 없이 개념을 이해할 수 있도록 했습니다. 실제로 개념을 앱에 적용하고 싶은 사람은 그렇게 해도 됩니다.
    ('지은이의 말' 중에서)

    관련이미지

    저자소개

    에릭 한쳇(Erik Hanchett) [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

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

    벤자민 리스트원(Benjamin Listwon) [저] 신작알림 SMS신청 작가DB보기
    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

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

    생년월일 -
    출생지 -
    출간도서 0종
    판매수 0권

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

    이 책과 내용이 비슷한 책 ? 내용 유사도란? 이 도서가 가진 내용을 분석하여 기준 도서와 얼마나 많이 유사한 콘텐츠를 많이 가지고 있는가에 대한 비율입니다.

      리뷰

      0.0 (총 0건)

      기대평

      작성시 유의사항

      평점
      0/200자
      등록하기

      기대평

      0.0

      교환/환불

      교환/환불 방법

      ‘마이페이지 > 취소/반품/교환/환불’ 에서 신청함, 1:1 문의 게시판 또는 고객센터(1577-2555) 이용 가능

      교환/환불 가능 기간

      고객변심은 출고완료 다음날부터 14일 까지만 교환/환불이 가능함

      교환/환불 비용

      고객변심 또는 구매착오의 경우에만 2,500원 택배비를 고객님이 부담함

      교환/환불 불가사유

      반품접수 없이 반송하거나, 우편으로 보낼 경우 상품 확인이 어려워 환불이 불가할 수 있음
      배송된 상품의 분실, 상품포장이 훼손된 경우, 비닐랩핑된 상품의 비닐 개봉시 교환/반품이 불가능함

      소비자 피해보상

      소비자 피해보상의 분쟁처리 등에 관한 사항은 소비자분쟁해결기준(공정거래위원회 고시)에 따라 비해 보상 받을 수 있음
      교환/반품/보증조건 및 품질보증 기준은 소비자기본법에 따른 소비자 분쟁 해결 기준에 따라 피해를 보상 받을 수 있음

      기타

      도매상 및 제작사 사정에 따라 품절/절판 등의 사유로 주문이 취소될 수 있음(이 경우 인터파크도서에서 고객님께 별도로 연락하여 고지함)

      배송안내

      • 인터파크 도서 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다

      • 출고가능 시간이 서로 다른 상품을 함께 주문할 경우 출고가능 시간이 가장 긴 상품을 기준으로 배송됩니다.

      • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능하여, 인터파크 외 타업체 배송상품인 경우 발송되지 않을 수 있습니다.

      • 배송비

      도서(중고도서 포함) 구매

      2,000원 (1만원이상 구매 시 무료배송)

      음반/DVD/잡지/만화 구매

      2,000원 (2만원이상 구매 시 무료배송)

      도서와 음반/DVD/잡지/만화/
      중고직배송상품을 함께 구매

      2,000원 (1만원이상 구매 시 무료배송)

      업체직접배송상품 구매

      업체별 상이한 배송비 적용