간편결제, 신용카드 청구할인
카카오페이 3,000원
(카카오페이 5만원 이상 결제시, 5/1~5/31 기간 중 1회)
삼성카드 6% (20,310원)
(삼성카드 6% 청구할인)
인터파크 롯데카드 5% (20,520원)
(최대할인 10만원 / 전월실적 40만원)
북피니언 롯데카드 30% (15,120원)
(최대할인 3만원 / 3만원 이상 결제)
NH쇼핑&인터파크카드 20% (17,280원)
(최대할인 4만원 / 2만원 이상 결제)
Close

고양이도 할 수 있는 Vue.js : Vue.js로 시작하는 자바스크립트 프레임워크

원제 : 基礎から學ぶVUE.JS
소득공제

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

판매지수 64
?
판매지수란?
사이트의 판매량에 기반하여 판매량 추이를 반영한 인터파크 도서에서의 독립적인 판매 지수입니다. 현재 가장 잘 팔리는 상품에 가중치를 두었기 때문에 실제 누적 판매량과는 다소 차이가 있을 수 있습니다. 판매량 외에도 다양한 가중치로 구성되어 최근의 이슈도서 확인시 유용할 수 있습니다. 해당 지수는 매일 갱신됩니다.
Close
공유하기
  • 저 : mio
  • 역 : 윤인성
  • 출판사 : 제이펍
  • 발행 : 2019년 05월 27일
  • 쪽수 : 368
  • ISBN : 9791188621545
정가

24,000원

  • 21,600 (10%할인)

    1,200P (5%적립)

할인혜택
적립혜택
  • I-Point 적립은 마이페이지에서 직접 구매확정하신 경우만 적립 됩니다.
추가혜택
주문수량
감소 증가
  • 이벤트/기획전

  • 연관도서

  • 상품권

AD

책소개

‘배워서 남주고 싶어지는 즐거운 Vue.js의 시작!’

의욕은 넘치는데, 막상 어디서부터 시작해야 좋을지 모르겠다거나 향상된 프런트엔드 웹 개발 수준에 당황하여 ‘내가 잘 몰라서 이해를 못하는 걸지도...’라며 잘못된 수준과 학습 방법을 선택하는 경우가 많습니다.

이 책은 초심자들에게 꼭 그런 것만은 아니라며 자신감을 복돋워 줄 수 있도록 ‘하향식’ 학습 방법을 채택하여 다양하고 많은 개념을 조금씩 차근히 진행할 수 있게 합니다. 그로 인해 책을 다 읽고 나면 넓은 프런트엔드 세계를 앞으로 어떻게 여행해야 하는지, 스스로의 힘으로 생각하고 방향성을 잡을 수 있을 것입니다.

출판사 서평

입문을 넘어 실전 활용까지 이어지는 즐거운 Vue.js 학습!

프런트엔드를 둘러싼 기술 발전으로 인해 프런트엔드 자체의 역할은 늘어나고, 프레임워크도 더욱 가까운 존재가 되었습니다. 이 책에서는 ‘Vue.js는 뭐야?’, ‘프레임워크는 또 뭐지?’라는 가장 기본적인 개념을 도입하는 것부터 시작해, 실전에 도움이 되는 정보까지를 풍부한 그림과 함께 체계적으로 설명합니다.

자바스크립트 프레임워크를 공부하려는 독자는 물론, 이미 Vue.js를 사용하시는 분들도 기초를 다지기에 최적의 책이며, 튜토리얼이나 실제 예제들이 수록된 독자 지원 페이지도 제공하므로 학습 시에 책과 함께 살펴보시면 더 높은 학습 효과를 얻을 수 있습니다.

목차

CHAPTER 1 Vue.js 프레임워크의 기초 1
SECTION 01 Vue.js 개요_2
SECTION 02 Vue.js의 키 컨셉_6
SECTION 03 풍부한 리소스 활용하기_13
SECTION 04 Vue.js 설치하기_16
SECTION 05 Vue.js의 기본 기능_20
SECTION 06 옵션의 구성 살펴보기_25

CHAPTER 2 데이터 등록과 변경 33
SECTION 07 기본적인 데이터 바인딩_34
SECTION 08 텍스트와 속성 데이터 바인딩_37
SECTION 09 템플릿에서 조건 분기하기_51
SECTION 10 리스트 데이터 출력/변경하기_54
SECTION 11 DOM을 직접 참조하는 $el과 $refs_69
SECTION 12 템플릿 제어 디렉티브_72

CHAPTER 3 이벤트와 입력 양식 79
SECTION 13 이벤트 핸들링_80
SECTION 14 입력 양식 입력 핸들링_90
SECTION 15 마운트 요소 외의 이벤트 조작_100

CHAPTER 4 데이터 감시하고 가공하기 105
SECTION 16 산출 속성으로 처리를 포함한 데이터 만들기_106
SECTION 17 워처로 데이터 감시해서 처리 자동화하기_115
SECTION 18 필터로 텍스트 변환 처리하기_122
SECTION 19 사용자 정의 디렉티브로 데이터를 감시하면서 DOM 조작하기_126
SECTION 20 nextTick으로 변경 후의 DOM에 접근하기_132

CHAPTER 5 컴포넌트로 UI 부품 만들기 135
SECTION 21 컴포넌트란?_136
SECTION 22 컴포넌트 정의 방법_139
SECTION 23 컴포넌트끼리의 통신_144
SECTION 24 슬롯을 사용한 사용자 정의 컴포넌트_160
SECTION 25 컴포넌트의 양방향 데이터 바인딩_166
SECTION 26 템플릿 정의 방법_170
SECTION 27 이외의 기능과 옵션_175

CHAPTER 6 트랜지션과 애니메이션 183
SECTION 28 트랜지션이란?_184
SECTION 29 단일 요소 트랜지션_189
SECTION 30 리스트 트랜지션_196
SECTION 31 SVG 트랜지션_201
SECTION 32 트랜지션 훅_203

CHAPTER 7 큰 규모의 애플리케이션 개발하기 207
SECTION 33 애플리케이션 확장하기 _208
SECTION 34 Vue CLI란?_210
SECTION 35 단일 파일 컴포넌트_215
SECTION 36 ES2015 모듈_220
SECTION 37 Node.js_222
SECTION 38 Vue CLI 사용하기_226
SECTION 39 Vue.js 플러그인_233
SECTION 40 ES2015로 작성해 보기_237

CHAPTER 8 Vuex로 애플리케이션 상태 관리하기 247
SECTION 41 Vuex란?_248
SECTION 42 기본적인 스토어의 구조_251
SECTION 43 코어 컨셉_254
SECTION 44 컴포넌트에서 스토어 사용하기_261
SECTION 45 모듈을 사용해서 커져 버린 스토어 분할하기_268
SECTION 46 이외의 기능과 옵션_276

CHAPTER 9 Vue Router로 SPA 만들기 279
SECTION 47 Vue Router란?_280
SECTION 48 간단한 SPA의 구조_282
SECTION 49 라우터 정의와 옵션_288
SECTION 50 내비게이션 만들기_291
SECTION 51 매개변수가 있는 동적 라우트로 콘텐츠 만들기_295
SECTION 52 네스트되어 있는 복잡한 페이지 만들기_302
SECTION 53 내비게이션 가드_308
SECTION 54 페이지 이동 효과 적용하기_313
SECTION 55 자주 사용하는 기능과 옵션_317

본문중에서

Vue.js는 내부에서 여러 가지 일을 해줍니다. 내부적으로 굉장히 복잡한 구조를 가지고 있지만, Vue.js가 무엇을 해 주는지 그리 자세하게 알 필요는 없습니다. 우리는 Vue.js가 제공해 주는 몇 가지 규칙만 기억하면 됩니다. _xxvii

Vue.js는 SVG의 DOM도 HTML과 같은 방법으로 데이터 바인딩할 수 있습니다. 따라서 Vue.js와 SVG를 조합해서 간단하게 멋진 UI 조작과 움직이는 그래프 등을 구현할 수 있습니다. _49p

일반적인 HTML에서는 같은 이벤트를 핸들한 DOM이 네스트되어 있을 경우, event.target 요소에서 차례대로 바깥 부분(부모 요소 방향)으로 이벤트가 전달되는 버블링이 일어납니다. 이처럼 이벤트 장식자를 지정하면 버블링을 제한할 수 있
습니다. _85p

사용자 정의 디렉티브란, v-bind처럼 디렉티브를 직접 만들 수 있게 해 주는 기능입니다. 기본적으로 요소 또는 속성은 데이터 바인딩으로 조작할 수 있지만, DOM API를 사용하고 싶을 수도 있습니다. 이런 경우에 사용자 정의 디렉티브를 사용하면, 상태를 감시하면서 직접 DOM을 조작할 수 있게 됩니다. _126p

Vue.js 트랜지션에는 Enter와 Leave라는 두 개의 페이즈가 존재합니다. Enter는 ‘대상 요소가 DOM에 추가될 때’를 나타내는 트랜지션 페이즈이며, Leave는 ‘대상 요소가 DOM에 제거될 때’를 나타내는 트랜지션 페이즈입니다. _189p

화살표 함수도 사용할 수 있습니다. 생략 기법과 다르게 함수를 정의한 블록의 스코프가 유지됩니다. 따라서 new Vue의 속성에 정의하는 메서드에 화살표 함수를 사용하면, 외부의 스코프가 유지되어 this가 window가 되어 버립니다. Vue 인스
턴스를 this로 사용할 경우에는 사용해선 안 되겠지만, 기본적인 익명 함수를 정의할 때는 편리합니다. _239p

단일 페이지 애플리케이션이란, 하나의 웹 페이지를 사용해서 요소의 내용만을 변경해 화면을 이동하는 애플리케이션 설계를 의미합니다. 영어로 ‘ Single-page Application’이라고 부르며, 줄여서 SPA라고 부르기도 합니다. 사용자의 조작이 있을 때, 필요한 부분만 변경해서 출력하므로 렌더링 속도가 굉장히 빠르다는 장점이 있습니다. _280p

관련이미지

저자소개

생년월일 -

해당작가에 대한 소개가 없습니다.

윤인성 [역] 신작알림 SMS신청
생년월일 -

저자 윤인성은 SF 영화를 즐겨보며 그 안에서 나오는 미래적인 컴퓨터 요소에 열광하고, 어떻게 하면 그것을 구현할 수 있을지 생각하는 평범한 개발자다. 프로그래밍과 관련된 지식을 나누는 것을 좋아하여 블로그를 운영하고 있다. 취미는 기타와 피아노 연주다.

역자의 다른책

전체보기
펼쳐보기

전공도서/대학교재 분야에서 많은 회원이 구매한 책

    리뷰

    10.0 (총 0건)

    구매 후 리뷰 작성 시, 북피니언 지수 최대 600점

    리뷰쓰기

    기대평

    작성시 유의사항

    평점
    0/200자
    등록하기

    기대평

    9.0

    판매자정보

    • 인터파크도서에 등록된 오픈마켓 상품은 그 내용과 책임이 모두 판매자에게 있으며, 인터파크도서는 해당 상품과 내용에 대해 책임지지 않습니다.

    판매자

    (주)교보문고

    상호

    (주)교보문고

    사업자 종류

    법인사업자

    사업자번호

    102-81-11670

    연락처

    1544-1900

    이메일

    callcenter@kyobobook.co.kr

    통신판매 신고 번호

    01-0653

    영업소재지

    서울특별시 종로구 종로 1(종로1가,교보빌딩)

    교환/환불

    반품/교환 방법

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

    반품/교환가능 기간

    변심 반품의 경우 출고완료 후 6일(영업일 기준) 이내까지만 가능
    단, 상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내

    반품/교환 비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
    상품이나 서비스 자체의 하자로 인한 교환/반품은 반송료 판매자 부담

    반품/교환 불가 사유

    ·소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)

    ·소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등

    ·복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집

    ·시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우

    ·전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우

    상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있음

    소비자 피해보상
    환불지연에 따른 배상

    ·상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁해결 기준 (공정거래위원회 고시)에 준하여 처리됨

    ·대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

    (주) 인터파크 안전결제시스템 (에스크로) 안내

    (주)인터파크의 모든 상품은 판매자 및 결제 수단의 구분없이 회원님들의 구매안전을 위해 안전결제 시스템을 도입하여 서비스하고 있습니다.
    결제대금 예치업 등록 : 02-006-00064 서비스 가입사실 확인

    배송안내

    • 교보문고 상품은 택배로 배송되며, 출고완료 1~2일내 상품을 받아 보실 수 있습니다.

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

    • 군부대, 교도소 등 특정기관은 우체국 택배만 배송가능합니다.

    • 배송비는 업체 배송비 정책에 따릅니다.

    • - 도서 구매 시, 1만 원 이상 무료, 1만원 미만 2천 원 - 상품별 배송비가 있는 경우, 상품별 배송비 정책 적용