본문 바로가기

추천 검색어

실시간 인기 검색어

실전 코드로 배우는 Vue.js

Vue 3 기초부터 Vue 라우터와 Pinia를 사용한 프로젝트 구축까지
마야 셰빈 저자(글) · 정병열 번역
한빛미디어 · 2024년 10월 10일
10.0
10점 중 10점
(7개의 리뷰)
집중돼요 (43%의 구매자)
  • 실전 코드로 배우는 Vue.js 대표 이미지
    실전 코드로 배우는 Vue.js 대표 이미지
  • 실전 코드로 배우는 Vue.js 부가 이미지1
    실전 코드로 배우는 Vue.js 부가 이미지1
  • 실전 코드로 배우는 Vue.js 부가 이미지2
    실전 코드로 배우는 Vue.js 부가 이미지2
  • A4
    사이즈 비교
    210x297
    실전 코드로 배우는 Vue.js 사이즈 비교 183x234
    단위 : mm
01 / 04
무료배송 소득공제
10% 29,700 33,000
적립/혜택
1,650P

기본적립

5% 적립 1,650P

추가적립

  • 5만원 이상 구매 시 추가 2,000P
  • 3만원 이상 구매 시, 등급별 2~4% 추가 최대 1,650P
  • 리뷰 작성 시, e교환권 추가 최대 300원
배송안내
무료배송
배송비 안내
국내도서/외국도서
도서 포함 15,000원 이상 구매 시 무료배송
도서+사은품 또는 도서+사은품+교보Only(교보굿즈)

15,000원 미만 시 2,500원 배송비 부과

교보Only(교보배송)
각각 구매하거나 함께 20,000원 이상 구매 시 무료배송

20,000원 미만 시 2,500원 배송비 부과

해외주문 서양도서/해외주문 일본도서(교보배송)
각각 구매하거나 함께 15,000원 이상 구매 시 무료배송

15,000원 미만 시 2,500원 배송비 부과

업체배송 상품(전집, GIFT, 음반/DVD 등)
해당 상품 상세페이지 "배송비" 참고 (업체 별/판매자 별 무료배송 기준 다름)
바로드림 오늘배송
업체에서 별도 배송하여 1Box당 배송비 2,500원 부과

1Box 기준 : 도서 10권

그 외 무료배송 기준
바로드림, eBook 상품을 주문한 경우, 플래티넘/골드/실버회원 무료배송쿠폰 이용하여 주문한 경우, 무료배송 등록 상품을 주문한 경우
당일배송 오늘(2/26,수) 도착
기본배송지 기준
배송일자 기준 안내
로그인 : 회원정보에 등록된 기본배송지
로그아웃 : '서울시 종로구 종로1' 주소 기준
로그인정확한 배송 안내를 받아보세요!

이달의 꽃과 함께 책을 받아보세요!

1권 구매 시 결제 단계에서 적용 가능합니다.

알림 신청하시면 원하시는 정보를
받아 보실 수 있습니다.

키워드 Pick

키워드 Pick 안내

관심 키워드를 주제로 다른 연관 도서를 다양하게 찾아 볼 수 있는 서비스로, 클릭 시 관심 키워드를 주제로 한 다양한 책으로 이동할 수 있습니다.
키워드는 최근 많이 찾는 순으로 정렬됩니다.

실전 코드로 배우는 Vue.js 상세 이미지
실무에 바로 적용 가능한 코드만 다루는 Vue 핵심 가이드
Vue.js는 자바스크립트 프레임워크 중에서 간편성과 유연성으로 주목받고 있으며, 빠르게 변화하는 프런트엔드 개발 환경에서 그 중요성이 더욱 커지고 있다. 특히, Vue 3와 Pinia, Vite 등의 최신 도구들이 등장함에 따라 개발 효율성과 확장성이 크게 향상되었다.
이 책에서는 이러한 최신 기술 흐름을 반영해 Vue 3의 핵심 기능을 실무에 바로 적용할 수 있도록, 실용적인 코드 예제와 함께 구체적으로 설명한다. 컴포지션 API, Pinia, 라우터 설정, 그리고 서버 사이드 렌더링 등 현대 웹 애플리케이션 구축에 필수적인 주제들을 상세히 소개한다. 또한, 최신 프런트엔드 개발 트렌드에 맞춘 단위 테스트, CI/CD 통합, 트랜지션 및 애니메이션 기능까지 설명하며 실전에서 바로 사용할 수 있는 프로젝트를 구축하는 방법을 제시한다.
초심자도 쉽게 따라할 수 있도록 기초부터 고급 기술까지 체계적으로 구성되어 있어, Vue.js를 배우고자 하는 모든 프런트엔드 개발자에게 완벽한 실전 가이드가 될 것이다. 이 책을 통해 크게 향상된 Vue.js 기술 역량으로 실제 프로젝트에서 뛰어난 성과를 거두길 바란다.

작가정보

저자(글) 마야 셰빈

(Maya Shavin)
마이크로소프트 수석 소프트웨어 엔지니어. MBA, 컴퓨터 공학 학사, 경제학 학사 등의 다양한 학업적 배경을 갖추고 있다. 또한 웹 및 프런트엔드 개발 분야의 전문가이며 타입스크립트, 리액트, Vue 등에 두루 능통하다. 그녀는 오픈 소스 전자 상거래 프레임워크인 StorefrontUI의 코어 메인테이너이기도 하다. 개발자로서 접근성 높은 고성능 컴포넌트를 전달하는 데 주력하며, 바닐라 자바스크립트 지식의 중요성을 무엇보다 강조한다. 코딩 분야 외에도 국제적으로 명망이 높은 강연자이자 출판 저자로서 자신의 역량을 유감없이 발휘하고 있다. 웹 개발, UX/UI, 접근성, 견고한 코딩 표준을 열정적으로 지지하며 블로그(https://mayashavin.com), X(Twitter ) (@mayashavin), 컨퍼런스를 통해 지식을 공유한다. 한편으로 웹 개발, 특히 Vue를 주제로 한 핸즈온 워크샵을 주최하기도 한다.

번역 정병열

어린 시절 접한 BASIC 언어를 계기로 프로그래머의 길에 들어섰다. 연세대학교 공과대학을 졸업하고 직업 개발자로 다양한 프로젝트를 수행하며 스타트업과 대기업을 오갔다. 현재는 시니어 개발자로 경력을 이어가는 한편 양질의 개발 서적 출간에 일조하고자 노력하는 중이다. 옮긴 책으로는 『자바 개발자를 위한 데브옵스 툴』, 『자바 마이크로서비스를 활용한 SRE, 『진화적 아키텍처』 (이상 한빛미디어) 등이 있다.

목차

  • CHAPTER 1 Vue.js의 세계로
    _1.1 Vue.js란?
    _1.2 현대 웹 개발과 Vue의 이점
    _1.3 Node.js 설치
    _1.4 Vue 개발자 도구
    _1.5 빌더 관리 도구 Vite.js
    _1.6 Vue 애플리케이션 생성
    _1.7 파일 리포지터리 구조
    정리

    CHAPTER 2 Vue의 기본 작동 방식
    _2.1 가상 DOM 들여다보기
    _2.2 Vue 앱 인스턴스 및 옵션 API
    _2.3 옵션 API 탐색
    _2.4 템플릿 구문
    _2.5 데이터 프로퍼티를 통한 로컬 상태 생성
    _2.6 Vue의 반응성이 작동하는 방식
    _2.7 v-model을 이용한 양방향 바인딩
    _2.8 v-model.lazy 수정자
    _2.9 v-bind를 통한 반응형 데이터 바인딩 및 Props 데이터 전달
    _2.10 클래스 및 스타일 속성 바인딩
    _2.11 v-for를 이용한 데이터 컬렉션 순회
    _2.12 v-on을 이용한 이벤트 리스너 추가
    _2.13 v-if, v-else, v-else-if를 이용한 조건부 렌더링
    _2.14 v-show를 이용한 조건부 표시
    _2.15 v-html을 이용한 동적 HTML 코드 표시
    _2.16 v-text를 이용한 텍스트 콘텐츠 표시
    _2.17 v-once 및 v-memo를 이용한 렌더링 최적화
    _2.18 전역 컴포넌트 등록
    정리

    CHAPTER 3 컴포넌트 구성
    3.1 Vue 싱글 파일 컴포넌트 구조
    3.2 defineComponent()와 타입스크립트 지원
    3.3 컴포넌트 라이프사이클 훅
    3.4 메서드
    3.5 computed 프로퍼티
    3.6 와처
    3.7 슬롯
    3.8 템플릿과 v-slot으로 명명된 슬롯
    3.9 ref의 이해
    3.10 믹스인과 컴포넌트 설정 공유
    3.11 컴포넌트 스타일과 적용 범위
    3.12 CSS 모듈과 컴포넌트 스타일
    정리

    CHAPTER 4 컴포넌트 상호작용
    _4.1 자식 컴포넌트의 데이터 흐름
    _4.2 커스텀 이벤트와 컴포넌트 간 통신
    _4.3 defineEmits()를 이용한 커스텀 이벤트 정의
    _4.4 제공/주입 패턴을 이용한 컴포넌트 통신
    _4.5 텔레포트 API
    정리

    CHAPTER 5 컴포지션 API
    _5.1 컴포지션 API를 통한 컴포넌트 설정
    _5.2 ref()와 reactive()로 데이터 처리하기
    _5.3 라이프사이클 훅
    _5.4 컴포지션 API의 와처
    _5.5 computed()
    _5.6 재사용 컴포저블
    정리

    CHAPTER 6 외부 데이터 통합
    _6.1 Axios란?
    _6.2 Axios 설치
    _6.3 라이프사이클 훅과 Axios로 데이터 가져오기
    _6.4 런타임 중 비동기 데이터 요청
    _6.5 재사용 fetch 컴포넌트 생성
    _6.6 애플리케이션과 외부 데이터베이스 연결
    정리

    CHAPTER 7 고급 렌더링, 동적 컴포넌트, 플러그인 구성
    _7.1 렌더 함수와 JSX
    _7.2 기능성 컴포넌트
    _7.3 기능성 컴포넌트의 props와 emits 정의
    _7.4 Vue 플러그인으로 전역 커스텀 기능 추가하기
    _7.5 〈component〉 태그를 이용한 동적 렌더링
    정리

    CHAPTER 8 라우팅
    _8.1 라우팅이란?
    _8.2 Vue 라우터
    _8.3 라우트 간 데이터 전달
    _8.4 props로 라우트 파라미터 분리하기
    _8.5 내비게이션 가드의 이해
    _8.6 중첩 라우트
    _8.7 동적 라우트 생성
    _8.8 라우터 인스턴스로 앞뒤 이동하기
    _8.9 미확인 라우트 처리
    정리

    CHAPTER 9 피니아와 상태 관리
    _9.1 Vue의 상태 관리
    _9.2 피니아
    _9.3 저장소 생성
    _9.4 장바구니 저장소 생성
    _9.5 컴포넌트에서 장바구니 저장소 사용하기
    _9.6 피자 갤러리에 장바구니 기능 추가하기
    _9.7 액션으로 장바구니 목록 표시하기
    _9.8 장바구니 저장소에서 항목 제거하기
    _9.9 피니아 저장소 유닛 테스트
    _9.10 저장소 변경 사항 처리하기
    정리

    CHAPTER 10 Vue 트랜지션과 애니메이션
    _10.1 CSS 트랜지션 및 애니메이션
    _10.2 Vue.js의 트랜지션 컴포넌트
    _10.3 엘리먼트 그룹 트랜지션
    _10.4 라우트 트랜지션
    _10.5 트랜지션 이벤트로 애니메이션 제어하기
    정리

    CHAPTER 11 Vue 테스트
    _11.1 유닛 테스트와 E2E 테스트
    _11.2 Vitest와 유닛 테스트
    _11.3 Vitest 파라미터와 설정 파일
    _11.4 테스트 작성
    _11.5 비-라이프사이클 컴포저블 테스트
    _11.6 라이프사이클 훅 컴포저블 테스트
    _11.7 Vue 테스트 유틸로 컴포넌트 테스트하기
    _11.8 컴포넌트 상호작용 및 이벤트 테스트
    _11.9 Vitest와 GUI
    _11.10 Vitest와 커버리지 러너
    _11.11 PlaywrightJS를 이용한 엔드투엔드 테스트
    정리

    CHAPTER 12 Vue.js 애플리케이션과 CI/CD
    _12.1 소프트웨어 개발과 CI/CD
    _12.2 GitHub Actions와 CI/CD 파이프라인
    _12.3 Netlify를 이용한 지속적 배포
    _12.4 Netlify CLI 배포
    정리

    CHAPTER 13 Vue와 서버 사이드 렌더링
    _13.1 Vue의 클라이언트 사이드 렌더링
    _13.2 서버 사이드 렌더링
    _13.3 Nuxt.js와 서버 사이드 렌더링
    _13.4 정적 사이트 생성기
    정리

추천사

  • 프런트엔드 개발 분야의 트렌드는 자바스크립트 프레임워크와 라이브러리 중심으로 움직인다고 해도 과언이 아닐 것이다. 이 책은 주요 자바스크립트 프레임워크 중 하나인 Vue의 기본 개념부터 핵심 내용까지 다룬다. 또한 프런트엔드 실무에 필요한 단위 테스트, CI/CD, 서버 사이드 렌더링 등의 주제도 포함하고 있어, Vue를 처음 접하는 개발자에게 큰 도움이 될 것이다

  • Vue는 컴포넌트 개발 입문 시 권장될 정도로 간단하다. 이 책은 기본적인 가상 Dom부터 Vue 라이프사이클, 컴포넌트의 관계 등을 상세하게 설명해주어, CDN으로 컴포넌트를 개발하고 싶은 모든 개발자에게 추천하고 싶다.

  • 이 책은 Vue.js 3의 새로운 특징들을 다양한 예제와 함께 쉽고 명확하게 설명한다. 대표적으로 컴포지션 API, 라이프사이클 훅 등이 있으며 라우터, 상태 관리, 테스트 등 관련 라이브러리를 통해 전체적인 웹 개발에 도움이 되는 내용이 잘 담겨 있는 인상 깊은 서적이다.

출판사 서평

웹 개발의 혁신, Vue.js의 모든 것을 이 한 권으로!

이 책은 자바스크립트와 타입스크립트를 사용하여 Vue 라이브러리로 웹 애플리케이션을 개발하는 전 과정을 상세히 안내한다. 최신 상태 관리 라이브러리인 Pinia를 통해 컴포넌트 간 데이터를 효율적으로 관리하는 방법을 익히고, Vue 라우터를 사용해 애플리케이션의 내비게이션을 구축하는 기술을 배운다. 또한 Vue의 트랜지션 시스템으로 기본적인 애니메이션 효과를 구현하여 사용자 경험을 향상시키는 방법도 다룬다. 이 책을 통해 Vue 3의 핵심 기능들을 활용하고, 확장성 높은 인터랙티브 웹 애플리케이션을 효과적으로 구축하는 기술을 습득하길 바란다.

주요 내용
● Vue로 재사용 가능한 컴포넌트 시스템 생성
● 정적 애플리케이션에 반응성 도입
● Vite.js로 Vue 애플리케이션 프로젝트 생성
● 서버에서 외부 데이터를 Vue 애플리케이션에 연결
● Vue 라우터를 이용해 정적 및 동적 라우팅으로 애플리케이션 흐름 제어
● Vitest와 Playwright로 애플리케이션 테스트

기본정보

상품정보 테이블로 ISBN, 발행(출시)일자 , 쪽수, 크기, 총권수, 원서(번역서)명/저자명을(를) 나타낸 표입니다.
ISBN 9791169212991
발행(출시)일자 2024년 10월 10일
쪽수 452쪽
크기
183 * 234 * 20 mm / 805 g
총권수 1권
원서(번역서)명/저자명 Learning Vue/Shavin, Maya

Klover

구매 후 리뷰 작성 시, e교환권 200원 적립

데이터를 불러오는 중입니다.

문장수집 (0)

문장수집 안내
문장수집은 고객님들이 직접 선정한 책의 좋은 문장을 보여주는 교보문고의 새로운 서비스입니다. 마음을 두드린 문장들을 기록하고 좋은 글귀들은 "좋아요“ 하여 모아보세요. 도서 문장과 무관한 내용 등록 시 별도 통보 없이 삭제될 수 있습니다.
리워드 안내
구매 후 90일 이내에 문장수집 작성 시 e교환권 100원을 적립해드립니다.
e교환권은 적립 일로부터 180일 동안 사용 가능합니다. 리워드는 작성 후 다음 날 제공되며, 발송 전 작성 시 발송 완료 후 익일 제공됩니다.
리워드는 한 상품에 최초 1회만 제공됩니다.
주문취소/반품/절판/품절 시 리워드 대상에서 제외됩니다.
판매가 5,000원 미만 상품의 경우 리워드 지급 대상에서 제외됩니다. (2024년 9월 30일부터 적용)

구매 후 리뷰 작성 시, e교환권 100원 적립

이 책의 첫 기록을 남겨주세요.

교환/반품/품절 안내

  • 반품/교환방법

    마이룸 > 주문관리 > 주문/배송내역 > 주문조회 > 반품/교환 신청, [1:1 상담 > 반품/교환/환불] 또는 고객센터 (1544-1900)
    * 오픈마켓, 해외배송 주문, 기프트 주문시 [1:1 상담>반품/교환/환불] 또는 고객센터 (1544-1900)
  • 반품/교환가능 기간

    변심반품의 경우 수령 후 7일 이내,
    상품의 결함 및 계약내용과 다를 경우 문제점 발견 후 30일 이내
  • 반품/교환비용

    변심 혹은 구매착오로 인한 반품/교환은 반송료 고객 부담
  • 반품/교환 불가 사유

    1) 소비자의 책임 있는 사유로 상품 등이 손실 또는 훼손된 경우
    (단지 확인을 위한 포장 훼손은 제외)
    2) 소비자의 사용, 포장 개봉에 의해 상품 등의 가치가 현저히 감소한 경우
    예) 화장품, 식품, 가전제품(악세서리 포함) 등
    3) 복제가 가능한 상품 등의 포장을 훼손한 경우
    예) 음반/DVD/비디오, 소프트웨어, 만화책, 잡지, 영상 화보집
    4) 소비자의 요청에 따라 개별적으로 주문 제작되는 상품의 경우 ((1)해외주문도서)
    5) 디지털 컨텐츠인 ebook, 오디오북 등을 1회이상 ‘다운로드’를 받았거나 '바로보기'로 열람한 경우
    6) 시간의 경과에 의해 재판매가 곤란한 정도로 가치가 현저히 감소한 경우
    7) 전자상거래 등에서의 소비자보호에 관한 법률이 정하는 소비자 청약철회 제한 내용에 해당되는 경우
    8) 세트상품 일부만 반품 불가 (필요시 세트상품 반품 후 낱권 재구매)
    9) 기타 반품 불가 품목 - 잡지, 테이프, 대학입시자료, 사진집, 방통대 교재, 교과서, 만화, 미디어전품목, 악보집, 정부간행물, 지도, 각종 수험서, 적성검사자료, 성경, 사전, 법령집, 지류, 필기구류, 시즌상품, 개봉한 상품 등
  • 상품 품절

    공급사(출판사) 재고 사정에 의해 품절/지연될 수 있으며, 품절 시 관련 사항에 대해서는 이메일과 문자로 안내드리겠습니다.
  • 소비자 피해보상 환불 지연에 따른 배상

    1) 상품의 불량에 의한 교환, A/S, 환불, 품질보증 및 피해보상 등에 관한 사항은 소비자분쟁 해결 기준 (공정거래위원회 고시)에 준하여 처리됨
    2) 대금 환불 및 환불지연에 따른 배상금 지급 조건, 절차 등은 전자상거래 등에서의 소비자 보호에 관한 법률에 따라 처리함

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

소스 코드: 더 비기닝
이벤트
  • sam x 한샘 [똑똑한sam]
  • 2025 1학기 대학교재전
01 / 02
TOP