Leanpub Header

Skip to main content

The Majesty of Vue.js 2 (Korean)

The Majesty of Vue.js 2의 한국어판 입니다.

Vue.js를 기초부터 차근차근 알아봅니다!

이 책은 가장 인기있는 자바스크립트 프레임워크 중 하나인 Vue.js를 다룹니다.

책을 끝까지 다 읽을 때쯤 Vue.js를 이용해 빠르고 쉽게 프론트엔드 웹 애플리케이션을 만드는 능력을 얻으실 수 있습니다!

This book is a translation into Korean of The Majesty of Vue.js 2 which was originally written in English

Minimum price

$22.00

$27.00

You pay

$27.00

Authors earn

$21.60
$

...Or Buy With Credits!

You can get credits monthly with a Reader Membership
PDF
EPUB
WEB
287
Pages
15,055Words
About

About

About the Book

요약 : The Majesty of Vue.js 1의 영문판은 1,000부 이상 판매한 Vue.js 프레임워크의 첫 번째이자 가장 인기 있는 책입니다. 이 책은 Vue.js의 버전 2를 다루는 개정판입니다. 오랫동안 꾸준히 내용을 추가하고 있습니다.

The Majesty of Vue.js 2(이하 TMVUEJS2)는 Vue.js를 시작하는 모든 사람에게 좋은 시작점이 됩니다. Vue.js를 처음 사용하는 개발자는 물론 이미 사용하고 있지만, 더 깊은 내용을 알고 싶은 개발자에게도 유용합니다. 또한, Vue.js 1 을 사용하고 있고, 버전 2로 마이그레이션 하려는 개발자에게도 유용합니다.

이 책의 일정 수익(20%)은 Vue.js 프레임워크를 만들고 있는 Evan You에게 기부됩니다. (TMVUEJS2는 Vue.js 공식 홈페이지에 있는 공식 후원자 중 하나입니다.)

원작자 Alex KyriakidisKostas Maniatis는 Laravel과 Vue.js를 기반으로 한 새 프로젝트를 진행하면서 Vue.js 가이드와 튜토리얼을 모두 읽었으나 웹에 Vue.js에 대한 내용이 적은 것을 알게 되었습니다. 프로젝트를 하면서 쌓인 경험들을 사람들과 공유하기 위해서 TMVUEJS1 TMVUEJS2를 출판했습니다.

TMVUEJS2는 직관적이고 따라 하기 쉽게 구성되었으며 모든 예제는 이해하기 쉽도록 자세하게 설명하고 있습니다. 매우 기초적인 내용부터 시작하여 많은 예제를 거쳐 Vue.js 2 의 중요한 내용들을 다룹니다.

코드를 익히는 가장 좋은 방법은 코드를 작성하면서 익히는 것입니다. 그래서 대부분의 장의 마지막에 배웠던 것을 실제로 해볼 수 있는 "혼자 해보기" 섹션을 준비했습니다. Vue.js를 잘 이해하기 위해 가능한 한 모두 해볼 것을 매우 권장합니다.

이 책이 끝나는 시점에 Vue.js를 이용해 기존에 있던 프로젝트 또는 새 프로젝트에서 매우 좋은 프론트엔드 애플리케이션을 만들 수 있을 것입니다.

누구를 위한 책인가요?

최근 웹 개발을 하는 데 시간을 보냈다면 부트스트랩과 수많은 자바스크립트 프레임워크를 보았을 것입니다.

TMVUEJS2는 가볍고 간단한 자바스크립트 프레임워크를 배우려는 사람들을 위한 책입니다.

다양한 지식이 필요한 것은 아니지만 HTML 및 자바스크립트에 익숙하면 더욱 좋습니다. 극단적인 예로 문자열과 객체 사이의 차이가 무엇인지 설명할 수 없다면 먼저 자바스크립트를 조금 더 익혀야 합니다.

TMVUEJS2는 Vue.js 에 대해 이미 알고 있고 더 깊이 알고 싶은 독자에게 유용합니다.

TMVUEJS2의 번역을 마치면서..

처음 TMVUEJS2를 읽을 시기에는 일부 내용만 보고 가이드와 내용 차이가 크지 않다고 생각했습니다. TMVUEJS2는 가이드에서 다루지 못하는 내용을 다룹니다. 왜 특정 기능이 필요하고 어떻게 사용하는 것이 좋은지 자연스럽게 익힐 수 있도록 도와줍니다.

Vue.js를 다루는 것이 주목적이지만 이 밖에 최신 자바스크립트를 사용하는데 필요한 기본 지식들도 다루고 있습니다. 한국어 사용자모임 분들께서 하셨던 많은 질문에 대한 해답이 TMVUEJS2에 있는 경우를 많이 보았습니다.

현재 Vue.js를 사용하시는 분들에게는 약간 쉬운 내용일 수 있다고 생각합니다. 하지만 Vue.js 가이드를 보면서 이해지 않는 것이 하나라도 있다면 TMVUEJS2가 좋은 답변을 해줄 것으로 생각합니다.

TMVUEJS2 꾸준히 업데이트되고 있습니다. 실제로 한글 문서 번역을 하는 도중에도 영문판이 계속 수정되었습니다. 이 과정에는 저도 포함되어 있습니다. 원작자들은 열린 마음을 가지고 있고 여러 다른 언어를 사용하는 번역자들과 소통하며 의견을 반영하고 있습니다.

빠르게 변화하는 Vue.js를 가장 잘 따라잡을 수 있는 책이라고 생각합니다.

Share this book

This book is a translation into Korean of The Majesty of Vue.js 2 which was originally written in English

Author

About the Authors

Alex Kyriakidis

Alex Kyriakidis is an ambitious, award winner developer, software engineer perfectionist and currently addicted to Laravel and Vue.js. He has worked with several teams delivering high quality cross-platform applications, APIs and websites.

Alex spends his time learning cutting edge technologies every day, striving to make the best developer out of himself.

ChangJoo Park(박창주)

ChangJoo Park is a maintainer of Vue.js Korean website and Vue.js Korean organization. Currently working as a front-end developer in startup in Korea uses Vue.js to create social media for businesses.

Contents

Table of Contents

소개

Vue.js 소개

  1. Vue.js 개요
  2. Vue.js를 사용하는 사람들의 의견
  3. 다른 프레임워크와 비교

환영합니다

  1. The Majesty of Vue 2에 관하여
  2. 이 책은 어떤 사람이 읽어야 하나요?
  3. 저자와 연락하려면
  4. 혼자 해보기
  5. 예제 코드
  6. 오탈자
  7. 표기 규칙
  8. 이 것은 경고 입니다.
  9. 이 것은 팁 입니다.
  10. 이 것은 정보 입니다.
  11. 이 것은 노트 입니다.
  12. 이 것은 힌트 입니다.
  13. 이 것은 터미널 명령어 입니다.
  14. 이 것은 비교를 위한 내용입니다.
  15. 이 것은 Github 링크 입니다.
  16. Vue.js 기초

Vue.js 설치

  1. 독립 실행 버전
  2. NPM 사용
  3. Bower 사용하기

시작하기

  1. 안녕하십니까 전하!
  2. 안내
  3. 양방향 바인딩
  4. jQuery와 비교
  5. 코드 예제
  6. 혼자 해보기
  7. 노트
  8. 해결방법의 예

디렉티브

  1. v-show
  2. 정보
  3. 정보
  4. v-if
  5. 주의사항
  6. v-else
  7. 주의사항
  8. v-if와 v-show의 차이
  9. 예제 코드
  10. 혼자 해보기
  11. 힌트
  12. 해결방법의 예

리스트 렌더링

  1. 부트스트랩 설치와 사용
  2. 정보
  3. v-for
  4. 주의사항
  5. 노트
  6. 배열 렌더링
  7. 정보
  8. 객체 v-for
  9. 정보
  10. 예제 코드
  11. 혼자 해보기
  12. 해결방법의 예

상호작용

  1. 이벤트 핸들링
  2. 정보
  3. 주의사항
  4. 이벤트 수식어
  5. 노트
  6. 키 수식어
  7. 계산된 속성
  8. 노트
  9. 예제 코드
  10. 혼자 해보기
  11. 힌트
  12. 해결방법의 예

필터

  1. 필터링된 결과
  2. 정보
  3. 정보
  4. 노트
  5. 결과 정렬
  6. 사용자 정의 필터
  7. 유틸리티 라이브러리
  8. 문법
  9. 예제 코드
  10. 혼자 해보기
  11. 힌트
  12. 해결방법의 예

컴포넌트

  1. 컴포넌트가 무엇인가요?
  2. 컴포넌트 사용하기
  3. 노트
  4. 템플릿
  5. 정보
  6. 속성
  7. 주의사항
  8. 정보
  9. 재사용성
  10. 정보
  11. 노트
  12. 주의사항
  13. 함께 사용하기
  14. 예제 코드
  15. 혼자 해보기
  16. 해결방법의 예

사용자 정의 이벤트

  1. 발생과 청취
  2. 부모-자식 간 통신
  3. 이벤트에서 전달인자 사용
  4. 정보
  5. 비 부모 자식간 통신
  6. 주의사항
  7. 이벤트 리스너 제거
  8. 이야기로 돌아가서
  9. 정보
  10. 예제 코드
  11. 혼자 해보기
  12. 힌트
  13. 힌트
  14. 해결방법의 예

클래스와 스타일 바인딩

  1. 클래스 바인딩
  2. 정보
  3. 정보
  4. 스타일 바인딩
  5. 중급자를 위한 정보
  6. 이벤트를 이용한 바인딩
  7. 예제 코드
  8. 혼자 해보기
  9. 힌트
  10. 해결방법의 예
  11. API 사용하기

머리말

  1. CRUD
  2. API
  3. 노트

실제 데이터를 사용하여 작업하기

  1. 정보
  2. 비동기로 데이터 가져오기
  3. 정보
  4. 주의사항
  5. 리팩토링
  6. 데이터 수정
  7. 데이터 제거

HTTP 클라이언트

  1. 소개
  2. Vue-resource
  3. 안내
  4. axios
  5. axios 사용하기
  6. 정보
  7. 기능 향상하기
  8. 정보
  9. 정보
  10. 자바스크립트 파일
  11. 소스코드
  12. Code Examples
  13. 혼자 해보기
  14. 해결방법의 예

페이지네이션

  1. 정보
  2. 구현
  3. 페이지네이션 링크
  4. 예제 코드
  5. 혼자 해보기
  6. 대규모 애플리케이션 구축

ECMAScript 6

  1. 정보
  2. 소개
  3. 노트
  4. 변수 선언
  5. 정보
  6. 화살표 함수
  7. 모듈
  8. 클래스
  9. 전달인자 기본값
  10. 템플릿 리터럴

고급 워크플로우

  1. Babel을 이용한 ES6 컴파일
  2. 정보
  3. package.json이 무엇입니까?
  4. 정보
  5. 힌트
  6. 힌트 2
  7. 해결방법의 예
  8. Gulp를 이용한 워크플로우 자동화
  9. 왜 태스크러너를 사용해야 하나요?
  10. Gulp vs Grunt
  11. 노트
  12. 해결방법의 예
  13. Webpack을 이용한 모듈 번들링
  14. 깊이 읽기
  15. 요약
  16. 노트

단일 파일 컴포넌트

  1. vue-cli
  2. 정보
  3. 정보
  4. Standard와 Airbnb
  5. 정보
  6. Webpack 템플릿
  7. 주의사항
  8. 노트
  9. 주의사항
  10. 노트
  11. 정보
  12. .vue 파일 만들기
  13. 노트
  14. 노트
  15. 예제 코드

중복 상태 제거

  1. 속성을 이용한 공유
  2. 전역 저장소
  3. 주의사항
  4. 예제 코드

컴포넌트 교체

  1. 동적 컴포넌트
  2. 예제 코드

Vue 라우터

  1. 정보
  2. 설치하기
  3. 사용방법
  4. 정보
  5. 노트
  6. 이름을 가지는 라우트
  7. 히스토리 모드
  8. 정보
  9. 중첩 라우트
  10. 자동 active 클래스 추가
  11. 라우트 객체
  12. 동적 세그먼트
  13. 정보
  14. 노트
  15. 노트
  16. 라우트 별칭
  17. 라우트 푸시
  18. 경고
  19. 트랜지션
  20. 네비게이션 가드
  21. 예제 코드
  22. 혼자해보기
  23. 정보
  24. 힌트 1
  25. 힌트 2

마무리하며

  1. 낯선 사람이 되지 마세요!

더 배우려면

  1. 튜토리얼
  2. 비디오
  3. 오픈소스 프로젝트
  4. Awesome Vue

Get the free sample chapters

Click the buttons to get the free sample in PDF or EPUB, or read the sample online here

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

Earn $8 on a $10 Purchase, and $16 on a $20 Purchase

We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earned over $14 million writing, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub