Thumbnail
개발 · 프로그래밍 프론트엔드
웹 게임을 만들며 배우는 Vue
(4.9)
79개의 수강평 ∙ 3496명의 수강생

무료

지식공유자 : 조현영
총 50개 수업˙총 9시간 3분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
폴더에 추가 공유
초급자를 위해 준비한
[프론트엔드, 웹 개발] 강의입니다.

간단한 8가지 웹 게임을 만들며 Vue.js와 Vue와 함께 사용되는 Vuex, Vue Router를 배워봅니다.

✍️
이런 걸
배워요!
Vue
Webpack
Vuex
Vue Router

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

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

React로도 만들 수 있어요!

지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
웹 개발자를 희망하는 사람
React 외의 다른 프레임워크를 배우고 싶은 사람
Vue.js로 프론트엔드 개발을 하고 싶은 사람
📚
선수 지식,
필요한가요?
HTML, CSS
자바스크립트

안녕하세요
조현영 입니다.
조현영의 썸네일
– Node.js교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 방송중 
– 스타트업 CTO
커리큘럼 총 50 개 ˙ 9시간 3분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 구구단
섹션 2. 숫자야구
3-1. 웹팩 사용하기 13:35
3-2. 프로젝트 구조와 웹팩 빌드 09:47
3-3. 웹팩 로더 사용하기 12:40
3-4. v-for로 반복문 사용하기 10:26
3-5. 숫자야구 완성하기 16:58
섹션 3. 반응속도체크
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. 가위바위보
5-1. vue-devtools와 기타 정보들 11:15
5-2. :class와 :style 13:40
5-3. vue 라이프사이클 12:32
5-4. 가위바위보 완성과 devtools 분석 11:20
섹션 5. 로또 추첨기
6-1. vue 스타일 가이드 09:49
6-2. 자식 컴포넌트와 props 11:06
6-3. 로또 추첨기 구현하기 14:09
6-4. watch 사용해보기 10:12
섹션 6. 틱택토
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-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
9-1. Vue Router 설정하기 09:09
9-2. router-view와 히스토리 라우터 08:15
9-3. 동적 라우트 매칭 09:01
9-4. 주소 쿼리스트링 10:37
강의 게시일 : 2019년 08월 18일 (마지막 업데이트일 : 2019년 08월 18일)
수강평 총 79개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
79개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
vnbalwuij thumbnail
프론트엔드 개발자라 급하게 필요해서 봤는데 강의력이 훌륭하십니다. 고맙습니다
2021-08-31
강명원 thumbnail
좋은강의 감사합니다.
2021-09-30
dev538 thumbnail
Vue, ES6 를 입문하는데 너무 도움이 되었습니다.
2020-02-04
김현수 thumbnail
잘듣고있습니다
2021-09-12
bprbprbpr thumbnail
듣기 편하네요
2021-09-13

무료

폴더에 추가 공유
지식공유자 : 조현영
총 50개 수업˙총 9시간 3분
평생 무제한 수강
수료증 미발급 강의
입문 초급 대상 중급이상
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스