/doit-vuejs

'Do it! Vue.js 입문' 책 예제 코드 저장소

Primary LanguageHTML

Do it! Beginning Vue.js

This repository contains all the code samples, quizzes and projects for Do it! Beginning Vue.js book.

이 리포지토리는 Do it! Vue.js 입문 도서의 예제, 직접 해보세요, 종합 프로젝트 코드가 포함되어 있습니다.
책에 안내된 번호에 따라 코드를 활용해보세요 :)

구성

예제

2장

  1. Hello Vue.js

3장

  1. 3-1 라이프 사이클 실습 예제
  2. 3-2 message 값을 변경한 라이프 사이클 실습 예제
  3. 3-3 전역 컴포넌트 등록하기
  4. 3-4 지역 컴포넌트 등록하기
  5. 3-5 지역 컴포넌트와 전역 컴포넌트 등록하기
  6. 3-6 인스턴스 유효 범위와 전역, 지역 컴포넌트 관계
  7. 3-7 컴포넌트 유효 범위 증명
  8. 3-8 props 속성을 사용한 데이터 전달 예제
  9. 3-9 이벤트를 발생시키고 수신하기
  10. 3-10 이벤트 버스 구현하기

4장

  1. 4-1 뷰 라우터 실습
  2. 4-2 네스티드 라우터 구현하기
  3. 4-3 네임드 뷰 구현하기
  4. 4-4 뷰 리소스로 데이터 받아오기
  5. 4-5 액시오스로 데이터 받아오기

5장

  1. 5-1 v-bind 예제
  2. 5-2 자바스크립트 표현식 예제
  3. 5-3 자바스크립트 표현식 사용 시 주의할 점
  4. 5-4 많이 사용되는 디렉티브 다루기
  5. 5-5 v-on 디렉티브 이용해 이벤트 처리
  6. 5-6 v-on 디렉티브에 인자 값 넘기기
  7. 5-7 event 인자를 이용해 돔 이벤트 접근하기
  8. 5-8 computed 속성과 methods 속성의 차이점
  9. 5-9 watch 속성 예제

직접해보세요

종합프로젝트

입문 책을 보고나서 보면 좋은 온라인 강좌

  1. Vue.js 시작하기
  2. Vue.js 중급 강좌
  3. Vue.js 완벽 가이드

추천 학습 로드맵 : Do it! Vue.js 입문 -> Vue.js 시작하기 -> Vue.js 중급 -> Vue.js 완벽 가이드

진행 예정인 오프라인 강좌

  • Vue로 구현하는 PWA 캠프

    • 기간 : 19.08.24(토) ~ 19.11.02(토) 8주
    • 일정 : 매주 토요일 14시 ~ 19시
    • 장소 : 패스트 캠퍼스 (강남역 4번 출구 앞)

  • Vue.js 정복 캠프

    • 기간 : 19.10.14(월) ~ 19.11.20(수) 6주
    • 일정 : 매주 월/수 20시 ~ 23시
    • 장소 : 패스트 캠퍼스 (강남역 4번 출구 앞)

License & Copyright

Copyright © 2018 Captain Pangyo
Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 4.0 Unported License.