웹 게임을 만들며 배우는 Vue

웹 게임을 만들며 배우는 Vue

(6개의 수강평)

685명의 수강생
무료
지식공유자 · 조현영
50회 수업 · 총 9시간 3분 수업
평생 무제한 시청
수료증 미발급 강의
수강 난이도 '초급'

이런 걸 배울 수 있어요

  • Vue
  • Webpack
  • Vuex
  • Vue Router

8개의 간단한 웹게임을 만들어보며 배우는 Vue 강좌입니다.
Vue, Webpack, Vuex, Vue Router를 사용합니다.

다양한 웹 게임을 만들어볼까요? :D

React로도 만들 수 있어요!

수강 대상

  • 웹 개발자를 희망하는 사람
  • React 외의 다른 프레임워크를 배우고 싶은 사람
  • Vue.js로 프론트엔드 개발을 하고 싶은 사람

선수 지식

  • HTML, CSS
  • 자바스크립트

지식공유자 소개

– Node.js교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroChoTV로 방송중 
– 스타트업 CTO

교육과정

모두 펼치기 50 강의 9시간 3분
섹션 1. 구구단
3 강의 25 : 22
섹션 2. 숫자야구
5 강의 63 : 26
3-1. 웹팩 사용하기
13 : 35
3-2. 프로젝트 구조와 웹팩 빌드
09 : 47
3-3. 웹팩 로더 사용하기
12 : 40
3-4. v-for로 반복문 사용하기
10 : 26
3-5. 숫자야구 완성하기
16 : 58
섹션 3. 반응속도체크
5 강의 52 : 49
4-1. 반응속도체크와 webpack watch
11 : 14
4-2. v-bind와 vue style
11 : 40
4-3. webpack-dev-server
08 : 15
반응속도체크 게임 완성하기
09 : 05
computed와 v-show, template
12 : 35
섹션 4. 가위바위보
4 강의 48 : 47
5-1. vue-devtools와 기타 정보들
11 : 15
5-2. :class와 :style
13 : 40
5-3. vue 라이프사이클
12 : 32
5-4. 가위바위보 완성과 devtools 분석
11 : 20
섹션 5. 로또 추첨기
4 강의 45 : 16
6-1. vue 스타일 가이드
09 : 49
6-2. 자식 컴포넌트와 props
11 : 06
6-3. 로또 추첨기 구현하기
14 : 09
6-4. watch 사용해보기
10 : 12
섹션 6. 틱택토
11 강의 125 : 02
7-1. 2차원배열(테이블 구조 짜기)
13 : 10
7-2. this.$root, this.$parent
08 : 37
7-3. Vue.set
09 : 45
7-4. 틱택토 완성하기
13 : 34
7-5. EventBus 사용하기
11 : 20
7-6. Vuex 구조 세팅하기
07 : 54
7-7. Vuex Mutations
13 : 49
7-8. Vuex state 사용하기
09 : 43
7-9. mapState와 Q&A
12 : 09
7-10. Vuex devtools 분석하기
08 : 18
7-11. slot
16 : 43
섹션 7. 지뢰찾기
8 강의 88 : 00
8-1. 지뢰찾기 구조 만들기
12 : 48
8-2. 지뢰찾기 코드 부여하기
08 : 44
8-3. 데이터 가공해 화면 그리기
08 : 55
8-4. 타이머 켜고 끄기
05 : 54
8-5. 칸 클릭하기
13 : 55
8-6. 지뢰 밟기와 주변 지뢰 개수 찾기
11 : 29
8-7. 주변 칸 한 번에 열기
17 : 47
8-8. 승리 조건 체크하기와 마무리
08 : 28
섹션 8. Vue Router
4 강의 37 : 02
9-1. Vue Router 설정하기
09 : 09
9-2. router-view와 히스토리 라우터
08 : 15
9-3. 동적 라우트 매칭
09 : 01
9-4. 주소 쿼리스트링
10 : 37

공개 일자

2019년 8월 18일 (마지막 업데이트 일자 : 2019년 8월 18일)

수강 후기

5.0
6개의 수강평
Ben Speed 4일 전
정말 좋습니다.
ksy90101 21일 전
두번쨰 Vue 강의였는데, 예제를 가지고 하다 보니 많이 배우게 되었습니다. 이해가 어려운 부분이 있긴 했지만, 그건 아직 제가 부족해서 그런거 같습니다. 이번 강의를 토대로 Vue를 잘 써보도록 하겠습니다~
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스