Thumbnail
개발 · 프로그래밍 프론트엔드

웹 게임을 만들며 배우는 Vue 대시보드

(4.9)
128개의 수강평 ∙  7,008명의 수강생

무료

지식공유자: 조현영
총 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
자바스크립트

안녕하세요
조현영 입니다.
조현영의 썸네일

제 강의의 장점은 Q&A입니다. 24시간 이내에 무조건 답변드립니다! 다만 여러분들도 질문을 잘 해주셔야 합니다.

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자 
– ZeroCho.com 운영자
– 현재 유튜브에서 ZeroCho TV로 개발 관련 방송중 
– 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 개발파트장)
- 스모어톡 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일)
수강평 총 128개
수강생분들이 직접 작성하신 수강평입니다.
4.9
128개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
제임스 thumbnail
5
이런 꿀 강의가 무료? 너무 감사합니다
2022-09-01
김현수 thumbnail
5
잘듣고있습니다
2021-09-12
dev538 thumbnail
5
Vue, ES6 를 입문하는데 너무 도움이 되었습니다.
2020-02-04
noitata thumbnail
5
도움이 많이 됩니다.
2023-12-29
ohmyzava thumbnail
5
프론트엔드 개발자라 급하게 필요해서 봤는데 강의력이 훌륭하십니다. 고맙습니다
2021-08-31