웹 게임을 만들며 배우는 Vue
    • 01
      끝말잇기
    • 1-1. 강좌 소개와 맛보기
      1-2. data와 v-if, v-else
      1-3. 보간법과 v-model
      1-4. ref와 구구단 완성하기
      1-5. 끝말잇기 만들며 복습
      1-6. Q&A
    • 02
      구구단
    • 2-1. 컴포넌트의 필요성
      2-2. 컴포넌트의 특성
      2-3. props와 웹팩의 필요성
    • 03
      숫자야구
    • 3-1. 웹팩 사용하기
      3-2. 프로젝트 구조와 웹팩 빌드
      3-3. 웹팩 로더 사용하기
      3-4. v-for로 반복문 사용하기
      3-5. 숫자야구 완성하기
    • 04
      반응속도체크
    • 4-1. 반응속도체크와 webpack watch
      4-2. v-bind와 vue style
      4-3. webpack-dev-server
      4-4. 반응속도체크 게임 완성하기
      4-5. computed와 v-show, template
    • 05
      가위바위보
    • 5-1. vue-devtools와 기타 정보들
      5-2. :class와 :style
      5-3. vue 라이프사이클
      5-4. 가위바위보 완성과 devtools 분석
    • 06
      로또 추첨기
    • 6-1. vue 스타일 가이드
      6-2. 자식 컴포넌트와 props
      6-3. 로또 추첨기 구현하기
      6-4. watch 사용해보기
    • 07
      틱택토
    • 7-1. 2차원배열(테이블 구조 짜기)
      7-2. this.$root, this.$parent
      7-3. Vue.set
      7-4. 틱택토 완성하기
      7-5. EventBus 사용하기
      7-6. Vuex 구조 세팅하기
      7-7. Vuex Mutations
      7-8. Vuex state 사용하기
      7-9. mapState와 Q&A
      7-10. Vuex devtools 분석하기
      7-11. slot
    • 08
      지뢰찾기
    • 8-1. 지뢰찾기 구조 만들기
      8-2. 지뢰찾기 코드 부여하기
      8-3. 데이터 가공해 화면 그리기
      8-4. 타이머 켜고 끄기
      8-5. 칸 클릭하기
      8-6. 지뢰 밟기와 주변 지뢰 개수 찾기
      8-7. 주변 칸 한 번에 열기
      8-8. 승리 조건 체크하기와 마무리
    • 09
      Vue Router
    • 9-1. Vue Router 설정하기
      9-2. router-view와 히스토리 라우터
      9-3. 동적 라우트 매칭
      9-4. 주소 쿼리스트링
    1-2. data와 v-if, v-else
    01 끝말잇기
    1-2. data와 v-if, v-else


    Q&A