자바스크립트 ES6+ 기본
자바스크립트 ES6+ 기본
수강정보
(8개의 수강평)
188명의 수강생
스킬태그 #JavaScript, #ES6
38,500원
지식공유자 : 김영보
94회 수업 · 총 8시간 29분 수업
기간 : 60개월동안 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

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

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

4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다.
자바스크립트 스펙의 95% 이상을 다룹니다.
넓고, 깊으며, 디테일합니다.
비기너는 빠짐없이 배울 수 있으며, 경험자는 전체를 정리할 수 있습니다.
바이블 강좌를 통해 자바스크립트의 마침표를 찍을 수 있습니다.

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

🗒 강의소개

ES2015(ES6)부터 ES2019(ES10)까지 다루며, ECMAScript 스펙의 95% 이상을 다룹니다. ES6+ 경험자는 정리하는 차원에서 들으셔도 되겠습니다.

강좌의 커리큘럼에서 볼 수 있듯이 깊고, 넓으며, 디테일합니다.

🗒 강좌의 상위 레벨 키워드

let 변수, const 변수, 블록 스코프, 화살표 함수 구조/특징, 동적/정적 스코프

이터러블 프로토콜/오브젝트, 이터레이터 프로토콜/오브젝트

Spread, Rest, Destructuring, default value, getter, setter, Template Literal

Number, String, Unicode 함수, Object, deep copy, __proto__, Array, Math, regExp

Generator, yield, yield*, Symbol, Symbol Property, Symbol 함수/메소드

Map, WeakMap, Set, WeakSet

🗒 강좌의 소스 코드 다운로드

"섹션1, 수업4"에서 강좌의 소스 코드를 다운로드받을 수 있습니다.

 

🗒 로드맵 강좌



이런 걸 배워요

  • ES6+ 기본 문법을 배울 수 있습니다.
  • 자바스크립트의 언어적 활용을 배울 수 있습니다.
  • 새로운 패러다임의 프로그래밍을 배울 수 있습니다.

도움 되는 분들

  • ES6+를 처음 접하는 개발자
  • ES6+를 알고 있으나 깊고 넓게 정립하려는 개발자
  • 자바스크립트 비기너 과정이 아닙니다.

선수 지식

  • 자바스크립트 기본
  • 개설된 자바스크립트 비기너 강좌와 중고급 강좌를 추천합니다

공개 일자

2020년 1월 20일 (마지막 업데이트 일자 : 2020년 2월 19일)

지식공유자 소개

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

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

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

4.9
8개의 수강평
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달 전
감사합니다. 응원합니다.

default_profile.png
조인태 3달 전
작은것도 놓치지 않고 깊게 설명해주십니다. 각 부분에대해 알맞은 예제를 통해서 이해를 도와주고 생각을 하게됩니다. 아직 저는 이 강의를 다 들은것은 아니지만 이전 강의들을 보면 javascirpt를 정리하며 공든 탑을 쌓을 수 있는 강의라고 생각합니다.
김영보

김영보 3달 전
감사합니다.^^ 무너지지 않는 탑이 될 것입니다.

default_profile.png
류철곤 27일 전
es6 기본문법을 익히는데 많은도움이됐습니다!
김영보

김영보 26일 전
감사합니다. 꾸벅^^

교육과정

모두 펼치기 94 강의 8시간 29분
섹션 0. 소개
3 강의 11 : 15
강좌 방향, ES6+ 기본 과정의 주요 내용
03 : 47
JavaScript 스펙, ES6+의 프로그램 언어적 위치
04 : 00
용어 사용 기준: 오브젝트, 인스턴스, 프로퍼티, 함수, 뉘앙스 고려
03 : 28
섹션 2. Arrow Function
4 강의 23 : 03
Arrow Function, 함수 블록 사용, 파라미터 사용
05 : 45
화살표 함수 구조, arguments 사용 불가
04 : 21
화살표 함수와 this, this가 정적 스코프 참조
07 : 39
화살표 함수와 인스턴스, 화살표 함수 특징
05 : 18
섹션 3. 이터레이션
3 강의 15 : 52
이터레이션, 이터레이션 프로토콜
05 : 26
이터러블 오브젝트, 이터러블 프로토콜
04 : 50
이터레이터 오브젝트, 이터레이터 프로토콜
05 : 36
섹션 4. Spread, Rest
2 강의 12 : 31
let, const 사용 기준, spread, Array spread, String spread, Object spread, push(...spread)
06 : 25
Rest 파라미터, function spread, Array-like, rest와 arguments 차이
06 : 06
섹션 5. Destructuring
3 강의 17 : 08
Destructuring, Array 분할 할당
06 : 33
Object 분할 할당, 파라미터 분할 할당
05 : 39
Object 오퍼레이션, 프로퍼티 이름 조합
04 : 56
섹션 6. default value
1 강의 04 : 35
default value
04 : 35
섹션 7. for-of 문
1 강의 04 : 51
for-of, for-in for-of 차이, for-of Object
04 : 51
섹션 8. 연산자, 기타
1 강의 05 : 08
Trailing commas, 거듭 제곱, try-catch, 함수 작성 형태
05 : 08
섹션 9. getter, setter
1 강의 05 : 13
getter, setter
05 : 13
섹션 10. Number 오브젝트
3 강의 16 : 41
IEEE 754, 64비트 구성, 값을 구하는 방법, Number 상수
04 : 56
진수, EPSILON: Number.EPSILON, 진수
04 : 00
Number 함수: isNaN(), isInteger(), isSafeInteger(), isFinite()
07 : 45
섹션 11. String 오브젝트
4 강의 25 : 02
Unicode, ES5 호환성
05 : 30
Unicode 함수: fromCodePoint(), codePointAt(), [정리 시간], normalize()
06 : 29
시작/끝 체크 복제: startsWith(), endsWith(), repeat(), includes(), raw()
07 : 28
길이 늘리기, 공백 삭제: padStart(), padEnd(), trimStart(), trimEnd()
05 : 35
섹션 12. Object 오브젝트
9 강의 49 : 57
is(), JS 값 비교 방법
05 : 16
오브젝트 복사: assign(), 첫 번째 파라미터 작성, 두 번째 파라미터 작성
05 : 30
deep copy
04 : 22
Object 변환: entries(), values(), fromEntries(), getOwnPropertyDescriptors()
06 : 19
prototype과 __proto__, 메소드 호출 방법
04 : 45
인스턴스에 함수로 추가
05 : 05
__proto__에 메소드 추가
05 : 32
setPrototypeOf(): 인스턴스 사용
06 : 35
setPrototypeOf(): prototype 사용
06 : 33
섹션 13. Template Literal
3 강의 14 : 28
Template Literal
04 : 03
tagged Template
05 : 22
String.raw, String.raw()
05 : 03
섹션 14. Array 오브젝트
8 강의 41 : 40
from(), of()
04 : 23
배열 엘리먼트 복사, copyWithin()
05 : 00
Generic
04 : 42
같은 값, 인덱스 검색: find(), findIndex()
05 : 06
대체, 포함 여부: fill(), includes()
05 : 05
배열 차원 변환: flat(), flatMap()
07 : 50
Array 이터레이터 오브젝트 생성: entries()
05 : 06
Array 이터레이터 오브젝트 생성: keys(), values()
04 : 28
섹션 15. Math 오브젝트
1 강의 05 : 09
정수, 제곱근, 사인, Hyperbolic, 로그, 32비트 계산
05 : 09
섹션 16. RegExp 오브젝트
3 강의 14 : 15
lastIndex
06 : 34
y 플래그
04 : 15
u 플래그, s 플래그
03 : 26
섹션 17. Generator 오브젝트
8 강의 44 : 43
Generator 함수: function*, function* 선언문, function* 표현식
05 : 06
GeneratorFunction
06 : 57
yield 키워드
06 : 34
next()
06 : 10
yield 반복, 다수의 yield 처리
04 : 03
yield 분할 할당, for-of 반복
04 : 22
제너레이터 오브젝트 메소드: return(), throw()
05 : 18
yield* 표현식
06 : 13
섹션 18. Symbol 오브젝트
3 강의 17 : 26
primitive 값, wrapper 오브젝트
06 : 17
Symbol() 함수
05 : 50
Symbol 사용 형태
05 : 19
섹션 19. Symbol Property
9 강의 51 : 21
Well-Known Symbols
07 : 05
Symbol.toStringTag
04 : 55
Symbol.isConcatSpreadable
04 : 44
Symbol.species
08 : 18
Symbol.species 오버라이드
05 : 52
Symbol.toPrimitive
06 : 31
Symbol.iterator, Array.prototype[@@iterator], Object 이터레이션
06 : 21
Symbol.iterator에 제너레이터 함수 연결
03 : 35
Symbol.match
04 : 00
섹션 20. Symbol 함수, 메소드
2 강의 09 : 39
Symbol 함수: for(), keyFor()
04 : 40
Symbol 메소드: toString(), description, valueOf(), getOwnPropertySymbols()
04 : 59
섹션 21. Map 오브젝트
5 강의 22 : 57
Map 오브젝트 형태, new Map()
05 : 05
Map과 Object 비교
04 : 14
값 설정, 추출 메소드: set(), get(), has()
04 : 40
Map과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
03 : 45
콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
05 : 13
섹션 22. WeakMap 오브젝트
4 강의 21 : 01
WeakMap 오브젝트 개요, new WeakMap()
05 : 31
WeakMap 오브젝트 메소드: get(), set(), has(), delete()
04 : 43
가비지 컬렉션 처리
05 : 38
Map과 WeakMap 차이
05 : 09
섹션 23. Set 오브젝트
4 강의 17 : 31
Set 오브젝트 개요, new Set(), Set과 Map 비교
04 : 56
값 설정, 추출 메소드: add(), has()
05 : 26
Set과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
03 : 59
콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
03 : 10
섹션 24. WeakSet 오브젝트
1 강의 03 : 32
WeakSet 오브젝트 개요, new WeakSet(), has(), add(), delete()
03 : 32

수강 문의

  • RIM JA 프로필 RIM JA
    2020-10-27 83380

    학원에서 따로 강의는안하시나요?

    김영보
    김영보
    김영보
    2020-10-27 76316

    2018년까지 주말에 7시간 강의를 했습니다만, 그 이후로는 하지 않고 있습니다. 2020년, 제가 주최하여 주말에 4시간 강의를 하려고 했습니다만, 코로나로 인해 못하고 있습니다.

  • 임동현 프로필 임동현
    2020-09-08 61640

    안녕하세요 김영보 선생님? 저는 자바스크립트 ES6+ 강의를 수강하고자 하는 임동현이라고 합니다. 궁금한 점이 있어 이렇게 문의하기를 남깁니다. 선생님 강의 중 ES6 이전에 촬영하신 강의를 보았습니다. 그 버전은 ES5 버전이더라구요..그 전의 강의를 굳이 구매 할 필요가 있을가 싶어 고문을 얻고자 문의하기로 남깁니다. 감사합니다.

    김영보
    김영보
    김영보
    2020-09-08 69967

    경험이 많으시면 ES5 강좌(비기너, 중고급)를 듣지 않으셔도 됩니다. 한편 ES5 강좌를 경험자들이 많이 듣는 것을 보면, 정리하는 차원에서 들으셔도 되겠습니다.

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