웹 게임을 만들며 배우는 자바스크립트

본 강의에서는 자바스크립트를 활용해 프로그래밍하는 연습을 할 것입니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 틱택토, 로또 추첨기, 가위바위보, 지뢰 찾기, 카드 짝맞추기 게임, 자스스톤, 2048 게임, 테트리스까지 함께 만들어봅시다.

(4.8) 수강평 78개

수강생 8,079명

제로초(조현영)

JavaScript

강의 미리보기 😊

자바스크립트는 컴퓨터에 명령할 때 사용하는 언어 중 하나입니다. 과거에는 웹사이트를 만드는 데에만 국한되었다면 현재는 웹 앱, Desktop 프로그램을 만드는 데에도 활용되고 있습니다. 심지어 인스타그램과 페이스북 등의 앱 일부를 만드는 데에도 활용되고 있죠. 본 강의에서는 자바스크립트를 배우며 프로그래밍하는 연습을 할 것입니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 틱택토, 로또 추첨기, 가위바위보, 지뢰 찾기, 카드 짝맞추기 게임, 자스스톤, 2048 게임, 테트리스까지 함께 만들어 봅시다.

이 강의의 목표 🙂

자바스크립트 문법을 한눈에 알 수 있게 됩니다.
'프로그래머' 라면 꼭 가지고 있어야 할 사고를 갖출 수 있게 됩니다.

이런 분들께
추천드려요!

학습 대상은
누구일까요?

Javascript 개발 입문자
웹 프론트엔드 개발 입문자
Javascript를 활용해 웹 게임을 개발하고 싶은 분

안녕하세요
제로초(조현영)입니다.

62,813

명

수강생

1,464

개

수강평

9,558

개

답변

4.8

점

강의 평점

개

강의

제 강의의 장점은 Q&A입니다(인프런 답변왕 2회 수상). 24시간 이내에 최대한 답변드립니다! 같이 고민한다는 느낌으로 답변 드릴게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로초 강의 전체 로드맵. A complete roadmap of all my courses is available here.

– Node.js교과서, 코딩자율학습 제로초의 자바스크립트, Let's Get IT 자바스크립트, 타입스크립트 교과서 저자
– ZeroCho.com 운영자
– 현) 유튜브에서 ZeroCho TV로 개발 관련 방송중
– 현) 스모어톡 CTO
– 전) 오늘의픽업 CTO(카카오모빌리티에 엑싯 후 카카오모빌리티 최연소 개발파트장)

Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook
Operator of ZeroCho.com
Currently running a YouTube channel ZeroCho TV, covering development topics
CTO at SmoreTalk
Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

커리큘럼

전체

114개 ∙ (21시간 35분)

섹션 1. 자바스크립트 기초와 끝말잇기

14개 ∙ (2시간 33분)

자바스크립트 프로그래밍이란?
10:41
값: 숫자, 문자, 불린
07:55
연산자
09:41
비교 연산자
07:21
변수(var)
14:36
null, undefined
10:53
조건문(if)
09:09
반복문(while)
12:24
복습 & 연산자 심화
10:04
함수
10:25
문자열 심화
05:22
else if
08:19
반복문(for)
14:53
끝말잇기 구현
21:28

섹션 2. 객체 기본과 구구단 게임

5개 ∙ (1시간 16분)

섹션 3. 웹 화면 구현

7개 ∙ (1시간 11분)

window 객체
12:13
document 객체와 DOM
05:15
script 태그 사용법
10:24
JS로 HTML 태그 만들기
10:31
끝말잇기 화면에 표시하기
12:22
이벤트 리스너 맛보기
10:14
구구단 화면 만들기
10:16

섹션 4. 숫자야구

6개 ∙ (1시간 3분)

섹션 5. 틱택토

5개 ∙ (1시간 10분)

섹션 6. 로또 추첨기

6개 ∙ (1시간 6분)

섹션 7. 가위바위보

6개 ∙ (53분)

섹션 8. 지뢰찾기

16개 ∙ (3시간 11분)

섹션 9. 반응속도 테스트

5개 ∙ (1시간 4분)

섹션 10. 틱택토 심화

3개 ∙ (30분)

섹션 11. 카드 짝맞추기 게임

10개 ∙ (1시간 28분)

섹션 12. 자스스톤

14개 ∙ (3시간 0분)

섹션 13. 2048 게임

6개 ∙ (1시간 16분)

섹션 14. 테트리스

11개 ∙ (1시간 47분)

강의 게시일: 2019. 01. 15.

마지막 업데이트일: 2019. 02. 07.

수강평

전체

78개

4.8

78개의 수강평

CoderH
2019. 08. 10.
∙
수강평 4
∙
평균 평점 5.0
5
100% 수강 후 작성
실제로 프로그램을 만들어가면서 배우니까 성취감도 생기는 좋은 강의
Blockmonkey
2020. 10. 13.
∙
수강평 9
∙
평균 평점 4.8
5
100% 수강 후 작성
아직 절반밖에 보지않아, 완벽한 수강평을 남길 수는 없으나, 너무 감사해서 이렇게 먼저 수강평 남깁니다. 본래 3개월가량 생활xx에서 HTML - CSS- JS - Node - Express - DB 까지 사이클 돌면서 공부했습니다. 그리고 취업지원, 중급자바스크립트 서적들을 찾아보기 시작했습니다. 그러면서 깨닿게 되었는데, 아직 자바스크립트를 기초문법만 '이해만' 하는 수준 이더군요. "아직도 내가 기초도 잘 모르는 수준이라니.."하면서 꽤나 좌절했습니다. 소질이없나? 하고서요. 포기하려던 찰나, 제로초님 강의를 보게되었습니다. 많은 게임들을 만들며 배우니, 개념만 어느정도 이해를 가지고 있던게 이제 제 것이 되는 느낌을 확 받습니다. 생활xx에서 학습 하면서 코딩에 입문을하고 , 전체적인 맥락, 그리고 좁게나마 시야를 가질 수 있었다면, 제로초님 강의에서는 그것을 정말 내가 요리사가되어, 조리하는 법을 강의에서 배우고 있다는 느낌을 받습니다. "친한 친구, 형, 동생처럼 날 알려줄 사람은 없으려나?" "왜 내 코딩 실력이 안늘지?" "아는데 왜 못쓰지?" 하는 분들께 정말 좋은 강의가 될 것 같습니다. 아, 한가지 아쉬운 점은 유튜브에 있는 ES6 2020 강의와, 이 강의중 어떤걸 수강할지 처음 많이 고민했었는데 이 점 명확히 표기해주시면 더 좋을 것 같습니다.
- 진호
  2020. 11. 20.
  다른 JS 강의도 10시간 이상이라 어떤걸 들어야하나 고민되었는데 좋은 후기 때문에 정하기 쉬워졌네요 고맙습니다
데구리
2019. 12. 27.
∙
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
일반적인 책으로 언어를 공부하면 딱 언어에 대한 지식까지만 얻을 수 있는데, 이 강의는 자바스크립트로 내가 무엇을 할 수 있는지 배울 수 있습니다. 실제 결과물을 만들면서 공부하니 지루하지도 않고 재밌게 공부할 수 있습니다.
부드러운 악어
2019. 01. 19.
∙
수강평 1
∙
평균 평점 5.0
5
100% 수강 후 작성
역시 제로초님.. 이런 멋진 강좌를 무료로 풀어주시다니... 너무 감사합니다. 열심히 보겠습니다!
밀크티
2021. 01. 25.
∙
수강평 26
∙
평균 평점 4.8
4
32% 수강 후 작성
자바스크립트 문법 강의 듣고 뭘 만들지? 어떻게 활용하지? 를 모를때 듣기좋은 강의 입니다.

제로초(조현영)님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

[개정3판] Node.js 교과서 - 기본부터 프로젝트 실습까지

제로초(조현영)

₩49,500

30%

₩34,650

초급 / Node.js, Express, MySQL, MongoDB, Socket.io, JWT, TypeScript

4.8

(46)

2,000+

노드가 무엇인지부터, 자바스크립트 최신 문법, 노드의 API, npm, 모듈 시스템, 데이터베이스, 테스팅 등을 배우고 5가지 실전 예제로 프로젝트를 만들어 나갑니다. 클라우드에 서비스를 배포해보기도 하고 노드 프로젝트를 타입스크립트로 전환해도 봅니다.

초급

Node.js, Express, MySQL

Next + React Query로 SNS 서비스 만들기

제로초(조현영)

₩69,300

30%

₩48,510

중급이상 / Next.js, React, react-query, next-auth, msw

4.4

(92)

3,200+

리액트19 & 넥스트15 & 리액트쿼리5 & Next Auth5 & MSW2 & socket.io4 & zustand 스택으로 트위터(X.com)와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화를 위한 SSR까지!

중급이상

Next.js, React, react-query

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

제로초(조현영)

₩59,400

30%

₩41,580

중급이상 / 디자인 패턴, 객체지향, TypeScript, JavaScript, canvas

5.0

(7)

400+

타입스크립트/자바스크립트로 그림판을 만들어보며 다양한 디자인 패턴의 쓰임과 장단점을 알아봅니다. canvas api를 배울 수 있는 것은 보너스!

중급이상

디자인 패턴, 객체지향, TypeScript

비전공자의 전공자 따라잡기 - 데이터베이스,SQL

제로초(조현영)

₩44,000

30%

₩30,800

입문 / DBMS/RDBMS, SQL, MySQL, mysql-workbench

4.8

(21)

500+

이미 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 데이터베이스가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

DBMS/RDBMS, SQL, MySQL

테스트 with Jest: 제로초에게 제대로 배우기

제로초(조현영)

₩44,000

30%

₩30,800

초급 / 소프트웨어 테스트, Jest, react-testing-library, SuperTest, unittest

5.0

(20)

500+

본 강의에서는 테스트가 필요한 경우와 테스트를 할 때의 장점을 Jest 프레임워크를 통해 보여드립니다. 리액트, Express 등에 유닛테스트, 통합테스트를 적용해봅니다.

초급

소프트웨어 테스트, Jest, react-testing-library

비전공자의 전공자 따라잡기 - 자료구조(with JavaScript)

제로초(조현영)

₩44,000

30%

₩30,800

초급 / JavaScript, 알고리즘, 코딩 테스트

4.6

(12)

300+

알고리즘 공부의 필수 선수과목인 자료구조! 다양한 자료구조를 자바스크립트로 배워봅시다!

초급

JavaScript, 알고리즘, 코딩 테스트

[리뉴얼] React로 NodeBird SNS 만들기

제로초(조현영)

₩88,000

30%

₩61,600

중급이상 / React, Redux, Node.js, Express, Next.js

4.9

(178)

3,600+

리액트 & 넥스트 & 리덕스 & 리덕스사가 & 익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다.

중급이상

React, Redux, Node.js

Node.js로 웹 크롤링하기

제로초(조현영)

₩55,000

30%

₩38,500

중급이상 / JavaScript, Node.js, 웹 크롤링, Puppeteer

4.9

(34)

900+

네이버, 아마존, 트위터, 유튜브, 페이스북, 인스타그램, unsplash.com 등의 사이트를 크롤링하며 실전에 적용해봅니다.

중급이상

JavaScript, Node.js, 웹 크롤링

비전공자의 전공자 따라잡기 - 네트워크, HTTP

제로초(조현영)

₩44,000

30%

₩30,800

입문 / 네트워크, tcpip, websockets

4.8

(25)

700+

HTTP를 다루는 개발자이거나 개발자가 되고 싶은데 컴퓨터 학과를 전공하지 않아 네트워크가 약하신 분들, 이 강좌 하나로 평생 지식을 얻어가세요!

입문

네트워크, tcpip, websockets

[리뉴얼] 타입스크립트 올인원 : Part2. 실전 분석편

제로초(조현영)

₩40,700

30%

₩28,490

중급이상 / TypeScript

4.8

(14)

900+

타입스크립트 기본 문법을 배운 상태에서, 유명한 라이브러리들의 복잡한 타입을 분석하는 방법을 알아봅시다.

중급이상

TypeScript

[리뉴얼] 타입스크립트 올인원 : Part1. 기본 문법편

제로초(조현영)

₩36,300

30%

₩25,410

초급 / TypeScript

4.9

(58)

1,500+

타입스크립트 기본 문법을 배우고, 다른 사람이 작성한 타입을 분석하는 방법과, 내가 직접 타입을 작성하는 방법에 대해 알아봅니다.

초급

TypeScript

웹 게임을 만들며 배우는 Vue

제로초(조현영)

무료

초급 / Vue.js, Webpack, Vuex

4.9

(139)

7,600+

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

초급

Vue.js, Webpack, Vuex

배달앱 클론코딩 [with React Native]

제로초(조현영)

₩71,500

30%

₩50,050

중급이상 / React Native

4.8

(57)

1,800+

리액트 네이티브로 라이더용 배달앱을 만들어봅니다. 6년간 리액트 네이티브로 5개 이상의 앱을 만들고, 카카오 모빌리티에 매각한 개발자의 강의입니다.

중급이상

React Native

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

제로초(조현영)

₩44,000

30%

₩30,800

중급이상 / NestJS, TypeORM, Express, Node.js

4.6

(95)

1,800+

Node.js의 스프링이라고 불리는 NestJS를 배우고, Dependency Injection의 편리함을 맛봅시다. API 개발부터, 익스프레스와의 비교, 배포, 테스팅까지 모두 배워봅시다.

중급이상

NestJS, TypeORM, Express

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

제로초(조현영)

무료

초급 / JavaScript

5.0

(128)

14,000+

본 강의에서는 자바스크립트를 활용해 프로그래밍 사고력을 기르는 연습을 합니다. 웹 게임인 구구단을 시작으로 끝말잇기, 숫자 야구, 반응 속도 테스트, 틱택토, 로또 추첨기, 가위바위보, 카드 짝맞추기 게임, 텍스트 RPG, 지뢰 찾기, 2048게임, 두더지 잡기까지 함께 만들어봅시다.

초급

JavaScript