자바스크립트 작성법7:05
콘솔 사용법6:23
주석 사용법5:49
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/CSS/Comments
값과 변수선언14:15
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Variables
연산자 확인8:28
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators
크기비교 연산자14:03
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Expressions_and_Operators#comparison_operators

조건문 if와 else13:02
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/conditionals
조건문 else if11:55
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/conditionals#else_if
조건문 switch11:05
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/conditionals#switch_statements
반복문 for13:22
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Looping_code
반복문 while10:41
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Building_blocks/Looping_code#while_and_do_..._while
실습 예제 안내 (2,3챕터)1:07
예제 풀이8:30

자료형 이해하기19:04
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Grammar_and_types#%EB%8D%B0%EC%9D%B4%ED%84%B0_%EA%B5%AC%EC%A1%B0_%EB%B0%8F_%ED%98%95
데이터의 형변환8:12
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Grammar_and_types#%EB%8D%B0%EC%9D%B4%ED%84%B0_%EA%B5%AC%EC%A1%B0_%EB%B0%8F_%ED%98%95
배열12:14
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays
이중 배열10:27
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Arrays
배열의 객체와 메소드 117:39
배열의 객체와 메소드 220:33
반복문 for in6:38
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/for...in
객체 기본개념18:06
객체 기본 응용11:16
실습 예제 안내 (4챕터)1:13
예제 풀이10:58

함수17:22
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions
화살표 함수9:30
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions#%ED%99%94%EC%82%B4%ED%91%9C_%ED%95%A8%EC%88%98_%ED%91%9C%ED%98%84%EC%8B%9D_
let과 Const11:39
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/let
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/const
템플릿 문자열4:59
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals
This의 범위11:04
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/this

객체지향 프로그래밍12:52
MDN 링크 : https://developer.mozilla.org/ko/docs/Learn/JavaScript/Objects/Basics
객체관련 키워드7:21
객체의 캡슐화와 상속 112:55
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Working_with_Objects#%EC%A0%91%EA%B7%BC%EC%9E%90%EC%99%80_%EC%84%A4%EC%A0%95%EC%9E%90_%EC%A0%95%EC%9D%98%ED%95%98%EA%B8%B0
객체의 캡슐화와 상속 27:29
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Inheritance_and_the_prototype_chain

String 내장 함수17:42
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String
Math 내장 함수17:45
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Math
데이터 입/출력11:15
정규표현식 이해17:02
MDN 링크 :https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions
정규표현식 활용 118:39
MDN 링크 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Guide/Regular_Expressions
정규표현식 활용 223:06
텍스트 RPG 만들기33:22

Requirements

Description

본 강의는 프로그래밍의 기초 지식이 있으신 분이 수강을 하시면 굉장히 좋습니다.

HTML, CSS의 기본적인 지식이 없으셔도 수강이 가능합니다!

디버깅을 하면서 코드를 작성! 오류를 캐치하는 방법도 알려드립니다.

어떠한 일을 하더라도 기초가 튼튼해야 발전해 나갈 수 있습니다!이번 강의를 통하여 기초를 다지고, 프론트엔드 등의 더욱 성장하는 개발자로 거듭나십시오!

이 후에 Vue.js / Angular / React 강의를 위한 초석을 마련할 수 있습니다.Javascript의 특성을 이해하고, 실수를 방지합니다!

텍스트로 만드는 RPG를 직접 만들어서 포트폴리오에 추가할 수 있습니다.

추후에 HTML과 CSS등을 추가하여 간단한 RPG를 만들 수 있는 코드를 작성합니다.

자바스크립트 버전

ES6와 ES5의 최신 버전을 공부함으로써, 현업에서 곧바로 사용이 가능합니다.