Thumbnail
개발 · 프로그래밍 프로그래밍 언어

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

(5)
109개의 수강평 ∙  12,111명의 수강생

무료

지식공유자: 조현영
총 121개 수업 (26시간 49분)
수강기한: 
무제한
수료증: 미발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

초급자를 위해 준비한
[프로그래밍 언어] 강의입니다.

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

✍️
이런 걸
배워요!
자바스크립트 문법
프로그래밍 사고력
간단한 웹게임들

재미있는 게임을 만들며 배워보는 JavaScript 💬

이 강의에서는?

JavaScript의 기본 개념을 완벽히 다루고,
실습을 통해 배운 내용을 더 쉽게 체화해봐요.

 

JavaScript, 이 강의로 자율학습!

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


수강 타겟

JavaScript
개발 입문자

웹 프론트엔드
개발 입문자

웹 게임을
개발해보고 싶은 분

 

학습 목표

“혼자 자바스크립트를 공부하는 건 너무 어려워요."
“이론도 중요하지만 실습도 많았으면 좋겠어요,"

이 강의를 통해 여러분은,

  • JavaScript의 기본적인 문법을 배울 수 있습니다.

 

  • 프로그래밍적인 사고력을 갖출 수 있습니다.

 

본 강의를 미리 확인해 보세요


Who is ZeroCho?

노드 교과서

웹개발 베스트셀러
<Node.js 교과서> 저자

오늘의픽업

(전)주식회사 오늘의픽업
CTO

수강 전 참고해주세요

  • 본 강의는 '코딩자율학습 제로초의 자바스크립트 입문' 책 내용을 토대로 진행합니다. 구매를 원하시는 분들은 하단 구매링크를 참조해주세요.
    구매 링크
  • 강의에 필요한 소스코드는 하단 소스코드 링크에서 받아보실 수 있습니다.
    소스코드 링크
 

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트 완전 초보
또는 자바스크립트 입문에 한 번 실패했던 사람
자바스크립트를 배웠지만 프로그래밍이 안 되는 사람
📚
선수 지식,
필요할까요?
HTML, CSS

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

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

https://www.zerocho.com/lecture

제로초 강의 전체 로드맵

 

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

커리큘럼 총 121 개 ˙ 26시간 49분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. 2강
세미콜론, 주석, 들여쓰기 미리보기 10:50
문자열 기본(따옴표, 백틱, typeof, escape) 16:51
문자열 합치기(연산자) 03:41
숫자 기본(parseInt, NaN) 19:27
연산자 우선순위, 소수 계산 주의점 07:32
불 값(boolean, 값들의 비교) 17:21
논리연산자 13:44
undefined와 null 09:59
변수 선언하기(let) 미리보기 15:57
변수 이름짓기 12:32
변수 수정하기 10:21
상수(const)와 var 11:20
조건문(if) 08:51
else, else if, switch 16:30
조건부 연산자(삼항 연산자) 14:51
반복문(while) 16:05
반복문(for) 미리보기 18:09
break와 continue 12:26
중첩 반복문 13:39
별찍기 숙제 10:44
배열 기본 13:23
배열 메서드(수정, 조회) 12:58
배열 메서드 응용하기 12:34
배열 at 메서드 00:59
함수 기본 17:22
매개변수와 인수 11:36
객체 리터럴 기본 12:28
객체의 비교(원시값과의 차이점) 11:05
옵셔널 체이닝 문법 01:00
섹션 2. 3강
순서도를 그리는 이유 미리보기 18:08
기본 VS Code 사용법 08:01
대화창(prompt, alert, confirm) 07:51
HTML 태그 선택하기(querySelector) 16:54
이벤트 리스너 달기(콜백함수) 09:23
첫 번째 사람인지 판단하기 17:19
올바른 단어인지 판단하기 10:40
틀렸을 때 오류 표시하기 06:56
순서도 최적화하기(and, or) 11:55
셀프체크 - 쿵쿵따 만들기 07:01
섹션 3. 4강
계산기 순서도 그리기 미리보기 14:12
함수 중복 제거하기(고차함수) 14:11
event 객체로 중복 제거하기 12:47
if문 중첩 줄이기 11:09
결과 계산하기, 초기화 12:12
셀프 체크 - 연달아 계산하기 16:18
섹션 4. 5강
숫자야구 순서도 그리기 미리보기 08:13
랜덤 사용하기(Math.random) 11:05
무작위로 숫자 네 개 뽑기 15:47
입력값 검증하기 21:13
홈런인지 검사해서 표시하기 14:12
몇 볼 몇 스트라이크인지 계산하기 16:37
셀프 체크 - 아웃 만들기 09:40
배열 forEach, map, fill 알아보기 13:02
섹션 5. 6강
로또 추첨기 순서도 그리기 미리보기 11:52
공 뽑기(피셔 예이츠 셔플) 08:51
공 순서대로 표시하기(setTimeout) 07:30
블록, 함수 스코프, 클로저 문제 20:36
async/await으로 가독성 높이기 16:17
셀프 체크 - 공 색칠하기 09:07
섹션 6. 7강
가위바위보 순서도 그리기(이미지 스프라이트) 미리보기 14:52
타이머 사용하기(setInterval) 18:36
타이머 멈췄다 다시 실행하기 11:44
removeEventListener 주의점 08:49
가위바위보 규칙 찾기 21:09
셀프 체크 - 3판 2선승제로 만들기 10:15
섹션 7. 8강
반응속도 체크 순서도 그리기 미리보기 13:24
클릭해서 화면 전환하기 16:04
반응속도 측정하기 12:41
평균 반응속도 구하기(reduce) 22:06
성급한 클릭 막기 09:49
셀프 체크 - 속도 순으로 정렬하기 10:10
섹션 8. 9강
틱택토 순서도 그리기(테이블 만들기) 미리보기 10:04
이차원 배열 다루기 08:11
표 다시 그리기(구조분해 할당) 22:58
차례 전환하기 06:27
이벤트 버블링, 캡처링 13:44
승부 판단하기 12:28
부모자식 관계, 유사배열, every, some, flat 16:57
셀프 체크 - 컴퓨터의 턴 만들기 12:43
셀프 체크 - 생각하는 척하는 컴퓨터 만들기 06:51
섹션 9. 10강
텍스트 RPG 순서도 그리기 미리보기 11:30
주인공이나 몬스터 만들기 08:55
깊은 복사와 얕은 복사 16:54
서로 공격하기(this, 클래스가 필요한 이유) 13:35
클래스 사용하기(팩토리, 생성자) 09:27
클래스로 재구성하기 09:21
화살표 함수와 this 20:23
클래스간 상호작용하기 19:11
클래스 상속 12:33
셀프 체크 - 기타 기능 구현하기 17:47
섹션 10. 11강
카드 짝맞추기 순서도 그리기 미리보기 08:46
카드 생성하기 11:04
카드 클릭해서 짝맞추기 15:07
효과 발생 중 클릭하는 것 막기 08:48
호출 스택과 이벤트 루프 16:38
이벤트 루프 분석으로 버그 해결하기 19:41
1분 퀴즈 - 이벤트 루프 분석 14:50
셀프 체크 - 몇 초 걸렸는지 체크하기 08:07
섹션 11. 12강
지뢰찾기 순서도 그리기 09:57
지뢰 심기 24:22
우클릭으로 깃발 꽂기 14:07
주변 지뢰 개수 세기(optional chaining) 16:47
nullish coalescing, 논리 연산자의 진짜 뜻 07:39
주변 칸 한번에 열기(재귀, Maximum call stack size exceeded 해결) 11:57
승리 조건 체크하기(재귀 최적화) 15:22
줄, 칸, 지뢰 개수 입력받기 13:07
셀프체크 - 첫 클릭에는 지뢰 안 나오게 하기 24:06
섹션 12. 13강
2048 게임 순서도 그리기 12:30
화면 그리기(documentFragment) 15:41
이동 방향 판단하기(마우스, 키보드 이벤트) 14:32
숫자 합쳐 두 배로 만들기 25:43
승리와 패배 구현하기 10:14
셀프 체크 - 되돌리기 기능 추가하기 09:27
섹션 13. 14강
두더지 잡기 순서도 그리기 19:04
이미지 움직이기 14:26
두더지와 폭탄 결정하기, 클릭하기 18:49
셀프 체크 - 목숨 구현하기 / 강좌 끝! 22:47
강의 게시일 : 2021년 06월 23일 (마지막 업데이트일 : 2024년 02월 20일)
수강평 총 109개
수강생분들이 직접 작성하신 수강평입니다.
5
109개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
wjdgksak thumbnail
5
강의 자체는 재미는 솔직이없습니다.. 근데 배우면배울수록 dom조작같은거나 이벤트루프 this 이런개념을 명확히정리하여서 매우큰 도움을받았습니다. 진짜 꼭보시고 풀어보세요 !
2021-10-19
chosule thumbnail
5
다른 강의는 응용하는 방법이 맨뒤에 나오거나 안알려주는데 선생님은 같이 알려주셔서 너무너무 좋습니다 정말 감사해요 아직 몇강 안봣지만 계속 돌려볼게요 : - ) !!!!!!!!!!
2021-09-18
ivedot thumbnail
5
다른 자바스크립트 강의에서 나오지 않는 내용도 소소하게 있어서 집중해서 듣게 되네요 좋은 강의 감사합니다
2021-06-28
이석훈 thumbnail
5
작년 자바스크립트 강의는 8강에서부턴가 갑자기 난이도가 상승해서 듣기 어려웠던 기억이 있었는데, 리뉴얼에서는 커리큘럼에 더 신경을 써주신 거 같습니다. 기타 학습(책이나 개인프로젝트 등)을 병행하며 해야 학습효과가 더 높아지지만, 이 강의만으로도 기초를 다지기에는 부족함이 없다고 생각합니다. 추가적으로 여기 인프런에서는 안보이지만, 제로초님 유튜브에 HTML/CSS강좌도 있으니 같이 들으시는 것이 좋습니다. 추가로 책도 구입하시는 것을 추천드립니다. 강의료라 생각하면 비싼거도 아니고, 반복학습 하기에 좋습니다.
2021-07-27
fe thumbnail
5
강의 90% 수강하고 느낀점 적어보겠습니다. 완강 예정이구요. 우선 설명을 굉장히 잘하십니다. 디테일한 부분들까지 잘 설명해주십니다. 제가 이해력이 좋다고 생각하진 않는데 이 강의 들으면서 막힌부분이 딱히 없습니다. 무슨 말인지 아시겠죠? 그만큼 이해하기 쉽게 설명을 잘 해주십니다. 이 강의 완강하면 자바스크립트 기초는 다 뗐다고 생각합니다. 부족한 부분은 MDN이나 기타 자료들 검색하거나 자바스크립트 문법책 사서 보충하면 될 것 같습니다. 또 저는 유튜브로 질문을 굉장히 많이 했는데 웬만하면 대부분 대댓글로 다 알려주십니다. 그부분이 가장 마음에 들었습니다.
2021-09-19
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!