자바스크립트 비기너: 튼튼한 기본 만들기
자바스크립트 비기너: 튼튼한 기본 만들기
수강정보
(26개의 수강평)
406명의 수강생
스킬태그 #JavaScript, #객체지향
33,000원
지식공유자 : 김영보
112회 수업 · 총 10시간 38분 수업
기간 : 60개월동안 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙(ES5 기준)의 95% 이상을 다룹니다.

자바스크립트 강의의 완결판. 전체를 빠짐없이 배울 수 있으며, 정리할 수 있습니다!

고도화된 자바스크립트 강의의 완결판
JavaScript에 마침표를 찍어보세요.

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다.
기본에 충실했습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다.
자바스크립트 스펙의 95% 이상을 다룹니다.

넓고, 깊으며, 디테일합니다.
비기너는 빠짐없이 배울 수 있으며, 경험자는 전체를 정리할 수 있습니다.
바이블 강좌를 통해 자바스크립트의 마침표를 찍을 수 있습니다.

바이블 강좌 전체가 하나의 시나리오입니다.
즉, 배워야 것과 배우는 순서를 갖고 있습니다. 강좌를 따라오시면 됩니다.
내용이 중복되지 않습니다. 중복에 따른 시간과 비용을 허비하지 않습니다. 바이블 강좌 하나로 끝낼 수 있습니다.

자바스크립트로 할 수 있는 것

강좌 범위

  • 자바스크립트 비기너 과정
  • 비기너에게 중요한 것은?
    기본을 만드는 것
    코딩 경험을 많이 하는 것
    프로그래밍 감각을 만드는 것
  • 자바스크립트 스펙(ES5 기준)의 95% 이상을 다룹니다

강좌 키노트 제공

  • "섹션 1.  기본 문법"의  첫 번째인 "수업 1 : 강좌 환경"에서 다운로드 받을 수 있습니다.

이런 걸 배워요

  • 자바스크립트로 코딩하는 방법을 배울 수 있습니다.
  • 자바스크립트 기본(ES5 기준) 지식을 습득할 수 있습니다.
  • 자바스크립트 개발 경험자는 전반적으로 정리할 수 있습니다.

도움 되는 분들

  • 자바스크립트를 처음 접하는 사람
  • 자바스크립트 기본을 정립하려는 개발자
  • JavaScript 경험자는 정리 차원에서 들으셔도 됩니다.

선수 지식

  • 프로그래밍 기본 개념 이해

공개 일자

2019년 9월 18일 (마지막 업데이트 일자 : 2019년 9월 18일)

지식공유자 소개

오랫동안 자바스크립트 중심으로 개발했습니다.

저서: 머신러닝 TensorFlow.js JavaScript, 몰입자바스크립트, ECMAScript 6, 요구분석을 위한 Event Process 모델링, Ajax 활용, prototype.js 완전분석, DOM 스크립팅자바스크립트 정규표현식, HTML5

9권 중에서 8권이 국내 저자 최초이며 특히, "머신러닝 TensorFlow.js JavaScript" 책을 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

4.7
26개의 수강평
default_profile.png
AEJEONG 2달 전
ES6 책 보고 너무 술술 읽히고 다른데서 10번 넘게 찾아봐도 이해가지않던 부분을 이해가게 해주셔서 정말 팬이되었고, 자바스크립트로 작업을 하고있는 초보 일꾼으로서 영보님 책을 만나게 되어 이렇게 검색해서 강의까지 듣게되었습니다! 자바스크립트를 더 친숙하게 느껴지게 해주셔서 너무 너무 감사합니다. 활용하는 것은 제 몫이겠지만 단순 코드 읽기가 아닌 의미를 가진 코드 읽기가 되는것 같아 한 단계 성장한 기분입니다.
김영보

김영보 2달 전
감사합니다. 느끼면서, 생각하면서, 계속 가시면 멋있는 개발자가 되십니다. 기대됩니다.^^

default_profile.png
이지선 1달 전
a-z까지 상세하고 정확하게 짚어주신 덕에, 자바스크립트 공부가 처음으로 즐거웠습니다!! 경험에서 우러나온 팁을 모두 알려주셔서 듣는 내내 정말 감사했습니다ㅠㅠ제가 들은 강의중에 최고에요. 제 느낀점을 한줄로 요약하자면 클래식은 영원하다 라고 말할 수 있겠네요. 선생님 항상 건강하시고 행복하세요^^ 좋은강의 감사합니다
김영보

김영보 1달 전
감사합니다. 꾸벅^^

default_profile.png
김상헌 1달 전
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 es6심화 강의까지 4가지의 강의를 다 듣고 적는 후기입니다. 확실히 애매하게 알고있어서 못써왔던것들을 쓸수있게되는게 정말 최고의 수강후기가 아닐까 싶습니다. 예를들어 map, forEach, filter 함수를 뒤에 매개변수값을 추가로 this로 받을 인자값을 앎으로써 굳이 2중으로 반복문을 돌려 시간복잡도를 (n2)로 했던걸 (n)으로 끝낼 수 있었던점, 그리고 call,apply, bind개념이 명확해지면서, this를 매번 헷갈렸는데 헷갈릴때 해당 함수 호출시에 직접적으로 this 바인딩 시켜서 처리할 수 있는점 그리고 스코프에 대한 개념에 대해서는 심화과정을 들으면서 단계적으로 찾아나가고 가장 상위에 있는 것에서 찾고 없으면 __proto__그리고 또 없다면 하위에 __proto__를 찾는다는점 등등 저는 진짜 이번에 영보쌤거 강의들으면서 정말 이런말 표현이 맞을지 모르겠으나 정말 은혜받았습니다... 그리고 어제 밤에 csr을 직접 바닐라로 구현해보면서 class 이벤트에 built-in 오브젝트를 상속해서 처리하는것에 대해서 프론트엔드 프레임워크에서 props개념도 이와 비슷하게 동작하겠구나 하는 것에 대해서도 정말 쌤이 없었다면 원리조차 모를뻔한 것들에 대해서 알아가는 재미를 느꼈습니다 확실히 팀내에서도 저한테 요즘 갑자기 코드가 신기하게 깔끔해졌다고 이야기들 해주더라구요 수강을 고민하시는 분들 정말 돈이 아깝지 않은 강의입니다. 특히 확실하게 알고 사용하고 싶으신 분들, 매일 쓰던것만 쓰던 함수를 쓰던 자신에서, 더 편리하고, 더 좋은 그리고 더 효율적인 내장함수들이 많다는것들을 느끼실겁니다. 고민하지말고, 영보쌤 강의 시리즈 모두 구입하셔서 다들어보시길 권장드립니다. 코드의 질이 달라지며, 생각하는 사고가 달라지는것을 느낄것입니다. 제가 자부 하겠습니다
김영보

김영보 1달 전
감사합니다. 그렇게 생각하면서 기본을 다져나가면 나도 모르는 사이에 발전된 것을 느낄 수 있습니다. 응원합니다.

교육과정

모두 펼치기 112 강의 10시간 38분
섹션 1. 기본 문법
11 강의 52 : 04
강좌 환경, Hellow JavaScript
04 : 58
문장
02 : 43
변수
06 : 54
주석
03 : 30
console.log()
04 : 18
정수, 실수, 숫자 처리
04 : 49
상수, 진수
06 : 27
데이터 타입(Data Type)
05 : 22
Number 타입, String 타입
05 : 11
Undefined, Null 타입
03 : 18
Boolean 타입, Object 타입
04 : 34
섹션 2. 연산자(Operator)
12 강의 43 : 12
연산자, 표현식
02 : 41
할당 연산자, 해석/실행 순서
02 : 54
산술 연산자(+ 연산자)
03 : 04
숫자로 변환
02 : 34
산술 연산자(-, *, /, % 연산자)
04 : 01
단항 연산자
02 : 38
후치, 전치, 논리 NOT 연산자
05 : 19
유니코드, UTF
03 : 05
관계 연산자
05 : 02
동등, 부등, 일치, 불일치 연산자
04 : 17
콤마, 그룹핑, 논리 연산자
04 : 31
조건 연산자, 연산자 우선순위
03 : 06
섹션 3. 문장(Statement)
8 강의 39 : 49
문장, 화이트 스페이스, 세미콜론 자동 삽입, 블록
05 : 39
if, debugger
06 : 01
while, do-while
02 : 30
for, [코딩 시간]
07 : 25
break, continue
04 : 45
switch
02 : 55
try-catch, throw
05 : 48
strict 모드, [코딩 시간]
04 : 46
섹션 4. 함수(Function)
3 강의 23 : 27
함수 구성 요소, 함수 이름 규칙과 관례
07 : 37
함수 호출, return 문
07 : 07
주석 작성 목적, 주석 작성 사례
08 : 43
섹션 5. 오브젝트(Object)
2 강의 09 : 48
프로퍼티(Property) 개요, 프로퍼티 추가/변경
06 : 36
프로퍼티 값 추출, for~in 문
03 : 12
섹션 6. 빌트인(Built-in)
2 강의 13 : 25
빌트인 개요, 빌트인 분류
09 : 30
빌트인 오브젝트 유형, 빌트인 오브젝트 형태
03 : 55
섹션 7. Number 오브젝트
7 강의 32 : 31
Number 오브젝트 개요, 프로퍼티 리스트
05 : 31
Number 타입으로 변환, Number 상수
03 : 31
인스턴스 생성 방법/목적, new 연산자
05 : 49
Number 인스턴스 생성, 인스턴스 형태
05 : 15
프리미티브 값, 프리미티브 타입, 프리미티브 값 구하기
05 : 30
String 타입으로 변환, 지역화 문자
03 : 48
지수 표기, 고정 소숫점 표기
03 : 07
섹션 8. String 오브젝트
10 강의 69 : 00
String 오브젝트 개요, 문자열 연결 방법, 프로퍼티 리스트
06 : 59
문자열로 변환, 프리미티브 값 구하기
02 : 42
length 프로퍼티, length 값 반환 논리
09 : 07
화이트 스페이스 삭제
02 : 42
함수 호출 구조, __proto__ 구조
12 : 54
인덱스로 문자열 처리, [코딩 시간]
11 : 44
문자열 연결, 대소문자 변환
01 : 33
문자열 추출
06 : 10
정규 표현식을 사용할 수 있는 함수
09 : 16
Unicode 관련 함수
05 : 53
섹션 9. Object 오브젝트(ES3 기준)
7 강의 45 : 05
자바스크립트 오브젝트 구분, 네이티브/호스트 오브젝트, 오브젝트와 인스턴스
07 : 08
프로퍼티 리스트
04 : 19
Object 인스턴스 생성, 프리미티브 값 구하기
08 : 04
빌트인 오브젝트 구조, prototype
07 : 32
함수와 메소드 연결, 함수, 메소드 호출
07 : 10
프로퍼티 처리 메소드
04 : 53
Object와 prototype, 빌트인 Object 특징
05 : 59
섹션 10. Function 오브젝트
5 강의 26 : 09
프로퍼티 리스트, Function 인스턴스 생성
04 : 37
함수 생명 주기, 함수 분류, length 프로퍼티
05 : 58
함수 형태, 함수 선언문, 함수 표현식
05 : 20
함수 호출
05 : 24
Argument 오브젝트
04 : 50
섹션 11. Global 오브젝트
7 강의 37 : 34
Global 오브젝트 개요, Global 함수, 변수
05 : 02
Global 프로퍼티, 프로퍼티 리스트
05 : 38
Global과 Window 관계
06 : 16
정수, 실수 변환
04 : 20
NaN, 유한대 체크 함수
04 : 00
인코딩, 디코딩
06 : 26
eval() 함수
05 : 52
섹션 12. Array 오브젝트(ES3 기준)
10 강의 72 : 36
Array 오브젝트 개요, 배열 생성 방법, 엘리먼트 작성 방법, 배열 차원
11 : 14
프로퍼티 리스트
05 : 43
Array 인스턴스 생성, length 프로퍼티
10 : 17
엘리먼트 추가/삭제 메커니즘, delete 연산자
10 : 37
엘리먼트 삽입, 첨부
05 : 25
엘리먼트 복사
04 : 07
엘리먼트 값을 문자열로 변환, [코딩 시간]
06 : 19
엘리먼트 삭제
06 : 21
sort(분류), sort()와 Unicode
05 : 53
sort 알고리즘, 역순 정렬, [코딩 시간]
06 : 40
섹션 13. Array 오브젝트(ES5 기준)
7 강의 43 : 01
프로퍼티 리스트, 함수 여부 체크
06 : 55
index 처리 메소드
06 : 10
콜백 함수를 가진 Array 메소드, forEach()
08 : 01
for()와 forEach() 차이, [코딩 시간]
08 : 05
true, false를 반환하는 메소드
03 : 31
필터, 매핑
04 : 42
반환 값을 파라미터 값으로 사용
05 : 37
섹션 14. Boolean 오브젝트
1 강의 04 : 11
Boolean 오브젝트 개요, 프로퍼티 리스트, Boolean 값으로 변환
04 : 11
섹션 15. 자바스크립트 특징
4 강의 31 : 25
스크립팅 언어 특징, 컴파일 순서, JS와 객체지향, OOP의 객체
08 : 29
자바스크립트 객체 형태, JS의 OOP 구현 방법, prototype 형태/연결
08 : 19
자바스크립트 인스턴스, instanceof 연산자
05 : 13
메소드 형태, 메소드 호출 방법
09 : 24
섹션 16. Object 오브젝트(ES5 기준)
6 강의 33 : 06
ES5 Object 특징, ES5 Object 함수, 프로퍼티 디스크립터
05 : 27
Object에 프로퍼티 추가
04 : 37
프로퍼티 디스크립터, value/writable/enumerable/configurable 속성
08 : 49
getter와 setter, get 속성, set 속성
03 : 05
프로퍼티 추출
06 : 01
프로퍼티 디스크립터 함수
05 : 07
섹션 17. JSON 오브젝트
2 강의 13 : 22
JSON 오브젝트 개요, JS 타입을 JSON 타입으로 변환
07 : 20
JSON 타입 파싱
06 : 02
섹션 18. Date 오브젝트
2 강의 14 : 11
Date 오브젝트 개요, 시간값 표시 기준, 시간의 문자열 형태
03 : 36
프로퍼티 리스트, Date 인스턴스 생성, Date 오브젝트 함수 분류
10 : 35
섹션 19. Math 오브젝트
1 강의 07 : 37
Math 오브젝트 개요, Math 상수, Math 함수
07 : 37

수강 문의

  • u_innovation 프로필 u_innovation
    2020-10-28 83663

    안녕하세요 강사님 ! 제가 HTML,CSS를 배우고 이제 JS를 배우려고 강의를 찾다가 OT강의를 보고 저에게 잘 맞겠다고 판단해서 구매하려고 하는데 그 전에 궁금한게 있어서 문의 남깁니다 ! 1. 현재 JS는 ES6가 최신인 것으로 알고 있는데 ES5를 다루는 이 강좌를 수강해도 괜찮은건지 아니면 제가 강사님 강의를 잘 못찾고 있는건지 궁금합니다. 2. 강사님의 커리큘럼을 알려주셨으면 감사드리겠습니다 ! 이 강의 전에 들어야 할 강의가 있는지, 이 강의가 시작 이라면 추후에 어떤 순서로 들으면 좋을지 부탁드리겠습니다 !ㅎㅎ

    김영보
    김영보
    김영보
    2020-10-28 76416

    ES5에 ES6가 추가된 것으로 각각의 내용이 다르며, 자바스크립트 기본은 ES5에 있으므로 처음이라면 이 강좌가 맞습니다. 2번의 커리큘럼은 양이 많아 여기에 작성할 수 없으니 본 강좌의 커리큘럼과 4개의 바이블 동영상 강좌 소개 페이지를 참조하세요. 이 강좌가 시작이므로 이 강의 전에 들어야 할 강의는 없습니다. 다만, 자바스크립트 프로그래밍을 배우는 것이므로 프로그램이라는 것이 이런 것이구나 라는 개념은 이해해야 합니다. HTML/CSS를 배웠다고 하니 아마 그 과정에서 프로그램에 대한 개념을 파악했을 것으로 생각됩니다. 추후 순서는 4개 바이블 강좌를 순서대로 들으면 됩니다. 본 강좌의 특징이며 매우 중요한 것입니다만, 하나의 시나리오로 4개의 강좌가 연결되어 있다는 것입니다.

다른 수강문의 보기
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스