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

커피 한 잔 마시며 끝내는 Vue.JS Vue.JS를 통해 실전 애플리케이션 구축하기

김영훈 , 문동욱 지음 | 비제이퍼블릭 | 2019년 07월 31일 출간
클로버 리뷰쓰기

이 책의 다른 상품 정보

  • 정가 : 30,000원
    판매가 : 27,000 [10%↓ 3,000원 할인]
  • 통합포인트 :
    [기본적립] 1,500원 적립 [5% 적립] [추가적립] 5만원 이상 구매 시 2천원 추가적립 안내 [회원혜택] 실버등급 이상, 3만원 이상 구매 시 2~4% 추가적립 안내
  • 추가혜택 : 포인트 안내 도서소득공제 안내 추가혜택 더보기
  • 배송비 : 무료 배송비 안내
  • 배송일정 : 서울특별시 종로구 세종대로 기준 지역변경
    08월 17일 출고 예정 배송일정 안내
  • 바로드림 : 인터넷으로 주문하고 매장에서 직접 수령 안내 바로드림 혜택
    휴일에는 바로드림 픽업으로 더 빨리 받아 보세요. 바로드림 혜택받고 이용하기

이 책의 이벤트 해외주문/바로드림/제휴사주문/업체배송건의 경우 1+1 증정상품이 발송되지 않습니다.

  • 개발자로 입문하기: 일단 이것부터 읽어보자!
    2019.05.31 ~ 2020.12.31
  • 개발자님, 인터넷교보 IT분야 부캐 '리드잇'..
    2017.06.22 ~ 2025.07.31
상품상세정보
ISBN 9791190014397(1190014394)
쪽수 460쪽
크기 172 * 230 * 30 mm /803g 판형알림

책소개

이 책이 속한 분야

이 책의 주제어

Vue.JS를 통해 실전 애플리케이션 구축하기

이 책에서는 Vue.JS에 대한 API뿐만 아니라 어떻게 활용하면 되는지에 대해 효과적으로 설명한다. 이러한 활용 예제는 실전 애플리케이션을 구축해나가는 과정을 통해 쉽고 효과적으로 학습한다. 그뿐만 아니라 실전 애플리케이션을 구축해나가는 과정에서 겪을 수 있는 트러블슈팅과 저자들의 실무 경험을 바탕으로 하는 조언도 함께 학습한다.

이 책의 특징
- 상세한 이미지와 예제를 통해 Vue.JS에 대해 쉽게 설명한다.
- 실전 애플리케이션을 구축하는 과정에서 효과적으로 Vue.JS에 대해 설명한다.
- NodeJS서버의 API를 이용하여 비동기 통신 처리에 대해 설명한다.

이 책이 필요한 독자
- Vue.JS를 통해 프론트 개발을 시작하고자 하는 독자
- Vue.JS에 대한 이론적이 이해뿐만 아니라 실전 애플리케이션을 구축하고자 하는 독자
- Vue.JS에 대한 이해도를 한층 더 높이고 싶은 독자

독자대상
초중급

소스코드 다운로드
https://github.com/bjpublic/VueJS-coffee

저자소개

저자 : 김영훈

대학생 때 시각 디자인을 전공하였으나, 이후 개발에 흥미를 느껴 마크업 개발자로 전향하였다. 이후 에이전시에서 금융권, 기업 등의 다수 웹 애플리케이션의 UI 개발을 개발하다 자사 서비스 개발을 하고자 위드이노베이션으로 이직하여 Vue와 Typescript를 이용한 프론트 개발을 시작하였다. 이후 이커머스에 관심을 가지고 티몬으로 이직하여 ReactJS와 Typescript, Jest를 이용하여 개발하고 있다. 공부하며 하루하루 성장하는 것을 인생의 낙으로 생각하며 지금도 계속해서 좋은 개발자이지 좋은 동료가 되고자 계속해서 노력하고 있다. 현재는 잡다한 사이드 프로젝트를 개발하는 것을 즐기며, 테스트 주도 개발을 실천하기 위해 고군분투하고 있다.

저자 : 문동욱

동국대학교 전산원에서 멀티미디어 공학을 전공하였고, 과거 연예기획사에서 사운드엔지니어로 일하며 음악계에서 일하다 우연한 기회로 개발에 관심을 가지게 되어 전향한 대표적인 비전공 출신 개발자이다.
현재 브레이브 모바일에서 숨고라는 서비스를 Vue, Typescript, Express 등을 사용하여 개발하고 있다. 비전공 출신 개발자의 메리트를 살려 다른 분야의 지식을 접목한 융합형 프로그래밍을 즐겨한다. 웹 개발뿐 아니라 물리와 음악에도 관심이 많아 사이드 프로젝트로 그래픽 시뮬레이션과 웹 오디오 편집 프로그램도 개발하고 있다.

목차

Chapter 1. 개발 환경 세팅
1.1 IDE 선택하기
1.1.1 Vetur Extension
1.1.2 Vue Peek Extension
1.1.3 Vue 2 Snippets Extension
1.2 NodeJS(노드제이에스) 환경 구축하기
1.3 Vue 환경 구축하기
1.3.1 Vue Devtools
1.3.2 Vue CLI
1.3.2.1 설치방법
1.3.2.2 각 옵션 살펴보기
1.4 Vue CLI로 생성된 파일 살펴보기
1.4.1 .babelrc
1.4.2 .editorconfig
1.4.3 .eslintrc.js
1.4.4 .eslintignore
1.4.5 .gitignore
1.4.6 .postcssrc.js
1.4.7 build
1.4.8 config
1.4.9 index.html
1.4.10 node_modules, package.json
1.4.11 src
1.4.12 static
1.4.13 test
1.5 RESTful API 서버 세팅하기

Chapter 2. 알면 보이는 Vue
2.1 Vue의 필수 요소
2.1.1 Vue 인스턴스
2.1.2 Vue 인스턴스의 옵션
2.1.3 Vue 인스턴스의 생명주기
2.1.4 Vue 템플릿 문법
2.1.5 디렉티브
2.1.6 Vue 인스턴스의 속성과 메소드
2.2 Vue를 똑똑하게 사용하기
2.2.1 단일파일컴포넌트(Single File Component)
2.2.2 Vue 컴포넌트의 설계의 일등공신, FIRST 원칙
2.2.3 가상 DOM의 원리
2.2.4 범위 컴파일 사용하기

Chapter 3. Vuex란 무엇일까?
3.1 MVC 패턴
3.2 Flux 패턴
3.2.1 액션(Action)
3.2.2 디스패처(Dispatcher)
3.2.3 스토어(Store)
3.2.4 뷰(View)
3.3 Vuex
3.3.1 상태(State)
3.3.2 게터(Getters)
3.3.3 변이(Mutation)
3.3.4 액션(Actions)
3.3.5 Vuex 모듈 관리
3.3 마치며

Chapter 4. Vue Router
4.1 Vue Router는 왜 필요한가요?
4.1.1 전통적인 방법의 라우팅
4.1.2 단일 페이지 애플리케이션의 라우팅
4.2 Vue 애플리케이션에서 Vue Router 사용하는 법
4.3 Vue Router의 라우트 설정의 속성들
4.4 동적 라우트 매칭
4.4.1 동적 세그먼트란 무엇인가?
4.4.2 동적 세그먼트의 변경에 반응하기
4.4.3 매칭 우선순위
4.5 중첩된 라우트
4.5.1 중첩된 라우트란 무엇인가?
4.5.2 중첩된 라우트 기능을 사용하지 않고 만들어보기
4.5.3 중첩된 라우트 사용하기
4.6 프로그래밍 방식 내비게이션
4.6.1 router.push
4.6.2 router.replace
4.6.3 router.go
4.7 이름을 가지는 뷰
4.8 리다이렉트와 별칭
4.8.1 리다이렉트
4.8.2 별칭
4.9 라우트 컴포넌트에 속성 전달
4.10 해시 모드와 히스토리 모드
4.10.1 해시 모드
4.10.2 히스토리 모드
4.11 네비게이션 가드
4.11.1 전역 가드
4.11.2 라우트별 가드
4.11.3 컴포넌트별 가드

Chapter 5. 메모 관리 애플리케이션 만들기
5.1 메모 관리 애플리케이션을 만들기에 앞서
5.2 컴포넌트 구조
5.3 프로젝트 구성
5.3.1 프로젝트 생성하기
5.4 헤더 컴포넌트 생성하기
5.5 메모 데이터 생성 기능 구현하기
5.6 메모 데이터 노출 기능 구현하기
5.7 메모 데이터 삭제 기능 구현하기
5.8 메모 데이터 수정 기능 구현하기
5.9 서버와 API 연동하기
5.9.1 API란 무엇인가?
5.9.2 axios란?
5.9.3 RESTful API 확인하기
5.9.4 RESTful API 연동하기
5.9.5 추가 요구 사항 기능 구현하기

Chapter 6. 커뮤니티 애플리케이션 만들기
6.1 커뮤니티 애플리케이션 요구 사항 확인하기
6.1.1 인증되지 않은 사용자를 포함한 모든 사용자는 타인의 게시물과 댓글을 조회할 수 있다
6.1.2 인증된 사용자만 게시물이나 댓글을 작성할 수 있다
6.1.3 사용자는 자신의 게시물이나 댓글만 수정, 삭제할 수 있다
6.1.4 사용자는 다른 사용자의 게시물에 댓글을 남길 수 있다
6.2 프로젝트 세팅
6.2.1 프로젝트 생성
6.2.2 커뮤니티 애플리케이션의 API 서버 확인 및 스타일 적용하기
6.3 커뮤니티 게시글 읽기 기능 구현하기
6.4 커뮤니티 게시물 데이터 스토어로 옮기기
6.5 커뮤니티 게시글 상세보기 페이지 구현하기
6.5.1 에러에 대한 설명
6.6 회원가입 페이지 구현하기
6.7 로그인 페이지 구현하기
6.7.1 페이지 및 폼 컴포넌트 작성
6.7.2 애플리케이션에서 사용자를 인증하는 방법
6.7.3 애플리케이션에서 JWT 토큰 사용하기
6.7.4 로그인 로직을 스토어로 옮기기
6.7.5 저장된 토큰을 기반으로 현재 로그인된 사용자의 정보 가져오기
6.8 애플리케이션의 헤더 컴포넌트 작성하기
6.8.1 헤더 컴포넌트 작성하기
6.8.2 헤더 컴포넌트를 라우트에 등록하기
6.8.3 헤더 컴포넌트 기능 추가하기
6.9 게시물 생성 페이지 작성하기
6.9.1 게시물 생성 페이지 컴포넌트 작성하기
6.9.2 게시물 생성 폼 컴포넌트 작성하기
6.9.3 게시물 생성 API 연동하기
6.9.4 게시물 생성 페이지 내비게이션 가드 구현하기
6.9.5 애플리케이션 초기화 시 발생하는 통신 동기화 버그 수정하기
6.9.6 게시물 리스트 페이지에 글쓰기 버튼 추가하기
6.10 게시물 수정 페이지 작성하기
6.10.1 게시물 수정 페이지 컴포넌트 작성하기
6.10.2 게시물 수정 페이지 내비게이션 가드 구현하기
6.10.3 게시물 수정 폼 컴포넌트 작성하기
6.11 게시물 삭제 기능 작성하기
6.12 게시물에 대한 댓글 기능 추가하기
6.12.1 댓글 노출 기능 추가하기
6.12.2 댓글 생성 기능 추가하기
6.12.3 댓글 수정 기능 추가하기
6.12.4 댓글 삭제 기능 추가하기

Chapter 7. 알면 좋을 자바스크립트
7.1 Truthy 값과 Falsy 값
7.1.1 Truthy 값
7.1.2 Falsy 값
7.2 자바스크립트의 이벤트
7.2.1 이벤트 전파 버블링
7.2.2 이벤트 캡처링
7.2.3 이벤트 처리 단계
7.3 값에 의한 호출, 참조에 의한 호출
7.3.1 값에 의한 호출(Call by value)
7.3.2 참조에 의한 호출(Call by reference)
7.3.3 호출 방식에 따라 달라지는 비교 결과
7.4 자바스크립트의 유용한 메소드들
7.4.1 배열 메소드
7.4.2 객체 메소드

추천사

이지만(쿠팡, 프론트엔드 개발자)

저자가 SPA 제작 중 습득한 지식을 초행자를 위해서 정리한 책.
vue.js란? vuex, vue-router를 사용해야 하는 이유는? 전체적으로 어떻게 만들어야 하는지? 의문에 대한 저자의 생각이 담겨있습니다. 특정 기... 더보기

김지영

Vue.js를 즐겁게 학습하고 싶은 분들께 추천하고픈 책!
이 책을 따라가며 자연스럽게 생기는 호기심과 이어지는 저자의 해설은 저자와 함께하는 듯하여 책을 읽어가는 내내 즐거움을 느꼈습니다. 제가 경험한 즐거웠던 이 과정을... 더보기

박철현(티몬, 프론트엔드 개발자)

Vue.js는 ‘가장 인기 있는 컴포넌트 기반 프레임워크’로 많은 주목을 받는 기술 중 하나입니다. “커피 한 잔 마시며 끝내는 Vue.JS”는 현대적인 개발 환경에서 Vue.js의 기초부터 비전공자도 쉽게 이해를 할 수 ... 더보기

박은정

Vue.js의 학습이 필요한 시기에 베타 리더라는 좋은 기회를 주셔서 감사드립니다! 이 책은 무엇보다도 현재도 Vue.js로 실무를 하고 계신 분들이 저자라는 점이 강점입니다. 다소 어렵거나 따분할 수 있는 설명들이지만, 경... 더보기

출판사 서평

Vue.js는 React.js와 더불어 가장 핫한 자바스크립트 프레임워크 중 하나입니다. Vue.js는 React.js에 비해 진입 장벽이 낮으며, 쉽고 빠르게 개발을 할 수 있다는 것이 가장 큰 장점입니다. 무엇보다 한국의 수많은 개발자의 노력으로 인해 공식 문서 역시 번역이 잘되어 있을 뿐만 아니라 많은 커뮤니티에서도 좋은 정보를 손쉽게 얻을 수 있습니다. 앞으로도 Vue.js는 꾸준히 발전해 나갈 것이며, 수많은 Vue.js관련 커뮤니티 역시 점점 더 성숙해지고 있어 성장하는 Vue.js 생태계 속에서 Vue.JS를 이용하여 ... 더보기

Klover 리뷰 (0)

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

도서 구매 후 리뷰를 작성하시면
결제 90일 이내 300원, 발송 후 5일 이내 400원, 이 상품의 첫 리뷰 500원의 포인트를 드립니다.

포인트는 작성 후 다음 날 적립되며, 도서 발송 전 작성 시에는 발송 후 익일에 적립됩니다.
북로그 리뷰는 본인인증을 거친 회원만 작성 가능합니다.
(※ 외서/eBook/음반/DVD/GIFT 및 잡지 상품 제외) 안내
  • 해당도서의 리뷰가 없습니다.

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

교환/반품/품절안내

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

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

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

바로가기

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

최근 본 상품