자바스크립트 ES6+ 심화
자바스크립트 ES6+ 심화
수강정보 85명의 수강생
스킬태그 #JavaScript, #ES6, #알고리즘
24% 할인, D-7
28,880원
38,500원
지식공유자 : 김영보
80회 수업 · 총 9시간 29분 수업
기간 : 60개월동안 무제한 시청
수료증 : 발급 강의
수강 난이도 : 초급

이 강의는

4개 강좌로 구성된 자바스크립트 바이블 강좌의 마지막 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. 특히, 비동기 통신과 비동기 프로세스 전반을 11단계로 나누어 프레임워크를 만드는 개념으로 접근합니다.

이런 걸 배워요

  • 자바스크립트의 고도화된 언어적 활용
  • 비동기 통신과 비동기 프로세스 전반

자바스크립트 강의의 완결판, 전체를 빠짐없이 살펴보고 정리하세요!

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

4개 강좌로 구성된 자바스크립트 바이블 강좌의 마지막 강좌입니다.
자바스크립트 스펙의 95% 이상을 다룹니다.
넓고, 깊으며, 디테일합니다.
비기너는 빠짐없이 배울 수 있으며, 경험자는 전체를 정리할 수 있습니다.
자바스크립트의 마침표를 찍을 수 있습니다.
ES6+ 범위는 ES2015부터 ES2019까지입니다.

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

비동기 통신과 비동기 프로세스를 망라하여 프레임워크를 만드는 개념으로 접근합니다.
11단계로 나누어 단계별로 코드로 구현합니다. 이를 위해 자바스크립트 스펙 범위는 아니지만 Web Workers, Ajax, XMLHttpRequest, Fetch를 다룹니다.
비동기 통신과 비동기 처리 전반을 정리할 수 있습니다.

🗒 소스 코드 다운로드

▲ ‘수강 자료’ 버튼 또는 구름 아이콘을 클릭

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

🗒 개설된 자바스크립트 관련 강좌

도움 되는 분들

  • ES6+ 환경을 넓고 깊게 이해하려는 개발자
  • 비동기 통신, 비동기 프로세스 환경에서 개발하려는 개발자
  • ES6+를 이해하고 있으나 빠짐없이 정리하려는 개발자

선수 지식

  • "자바스크립트 ES6+ 기본" 강좌에서 다루는 것은 강좌에서 다루지 않습니다. "ES6+ 기본"을 수강하지 않아도 강좌를 수강할 수 있으나 부분적으로 쉽게 이해하지 못할 수도 있습니다.
  • Node.js를 사용하지만 몰라도 되며 Node.js 실행에 필요한 코드를 제공합니다.

공개 일자

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

지식공유자 소개

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

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

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

아직 평가를 충분히 받지 못한 강의 입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!😄️️

default_profile.png
조인태 2달 전
자바스크립트를 배울 수 있는 최고의 강의라고 생각합니다!
김영보

김영보 2달 전
감사합니다.

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

김영보 27일 전
감사합니다. 응원합니다.

교육과정

모두 펼치기 80 강의 9시간 29분
섹션 1. Class
9 강의 71 : 30
객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현
08 : 16
Class 선언, Class 구조: Class 선언문, Class 표현식,
08 : 57
Class 작성 기준, computed name
07 : 45
constructor, constructor 반환
06 : 35
getter, setter, static 메소드, 호이스팅
06 : 48
상속, extends 키워드, 상속 구조, 메소드 오버라이딩
13 : 35
super 키워드, constructor 호출
05 : 31
Built-in 오브젝트 상속, Object 상속, Image 오브젝트 상속, Audio 오브젝트 상속
08 : 28
this 참조, Generator
05 : 35
섹션 2. Proxy
4 강의 28 : 43
기본 오퍼레이션: Proxy란, 기본 오퍼레이션 논리
07 : 22
Proxy 논리, Proxy 모습
05 : 46
handler, trap, target
05 : 33
Proxy 인스턴스 생성: new Proxy(), Proxy.revocable()
10 : 02
섹션 3. Proxy Trap
7 강의 64 : 32
set() 트랩-1: set(), set() 트랩 호출, set() 트랩 준수사항
11 : 42
set() 트랩-2: set()의 4번째 파라미터, set()과 this
08 : 03
get() 트랩: get(), get() 트랩 호출, get() 트랩 준수사항
11 : 28
has() 트랩, deleteProperty() 트랩
07 : 54
defineProperty(), preventExtensions() , isExtensible() 트랩
05 : 49
getPrototypeof(), setPrototypeof() 트랩
09 : 58
construct(), apply(), ownKeys(), getOwnPropertyDescriptor() 트랩
09 : 38
섹션 4. Reflect
7 강의 44 : 57
Reflect 특징: Reflect 오브젝트, Proxy 사용
05 : 36
get(): this 참조 오브젝트, Proxy 핸들러의 get() 트랩
06 : 25
set(): this 참조 오브젝트, Proxy 핸들러의 set() 트랩
06 : 45
has(), deleteProperty()
05 : 14
defineProperty(), preventExtensions(), isExtensible()
05 : 09
getPrototypeof(), setPrototypeof(), ownKeys(), getOwnPropertyDescriptor()
06 : 52
construct(), apply()
08 : 56
섹션 5. Module
4 강의 24 : 57
실행 환경 설정, 작성한 코드 실행
03 : 45
Module 개요: Module 접근 바탕, Module 코드 형태, html 파일 작성 방법
06 : 17
Module 스코프, export 값 유지, this 참조
06 : 58
export/import 형태, 변수/함수/Class, as, *, default
07 : 57
섹션 6. Promise
6 강의 42 : 01
Promise 개요, Promise 처리 흐름, Promise 상태
06 : 57
Promise 인스턴스 생성
06 : 34
then(), then()의 return, catch(), finally()
07 : 05
resolve(), thenable, reject()
05 : 46
all(), race()
07 : 07
Promise 메커니즘 분석
08 : 32
섹션 7. async/await, for-await-of
3 강의 19 : 35
async/await 개요, async 함수
07 : 34
await 반환, await 형태, for-await-of
07 : 41
Symbol.asyncIterator, Symbol.iterator와 차이
04 : 20
섹션 8. 비트(Bit) 연산자
3 강의 15 : 04
비트, 바이트, 2진수 연산, 사인 비트, 음수 표현
05 : 23
바이너리 비트 연산자: 비트 OR 연산자, 비트 AND 연산자, 비트 XOR 연산자
04 : 30
비트 이동 연산자: 비트 NOT 연산자, << 연산자, >> 연산자, >>> 연산자, [정리 시간]
05 : 11
섹션 9. ArrayBuffer
4 강의 25 : 19
TypedArray 개요
05 : 23
TypedArray 필요성: Array 처리 메커니즘, 메모리 사용 측면, TypedArray 출현 배경
05 : 51
ArrayBuffer와 View
06 : 26
ArrayBuffer 인스턴스 생성: new ArrayBuffer(), byteLength, slice(), isView()
07 : 39
섹션 10. TypedArray
6 강의 43 : 24
TypedArray 타입: TypedArray 오브젝트, 타입과 바이트, TypedArray 메소드
09 : 39
TypedArray 인스턴스 생성
07 : 50
Int 타입, Uint 타입, Uint8C 타입
08 : 12
Float 타입, TypedArray 프로퍼티
03 : 41
TypedArray 함수: from(), of(), Symbol.iterator()
07 : 49
TypedArray 메소드: set(), subarray(), copyWithin()
06 : 13
섹션 11. DataView
3 강의 18 : 01
DataView 개요, new DataView(), DataView 프로퍼티
06 : 29
DataView 메소드: 메소드 분류, setInt8(), getInt8()
05 : 52
Endian: Endian 개요, Endian 구분, Endian 차이 대처, setInt16()
05 : 40
섹션 12. Web Workers
3 강의 20 : 08
Web Workers 개요
08 : 05
전용 Worker: new Worker(), WorkerGlobalScope, postMessage()
04 : 53
Transferable 오브젝트, 복사하여 전송, 소유권 이전
07 : 10
섹션 13. SharedArrayBuffer, Atomics
2 강의 13 : 45
SharedArrayBuffer 개요, SharedArrayBuffer 고려사항
08 : 26
Atomics: 개요, store(), exchange(), load()
05 : 19
섹션 14. Ajax
2 강의 15 : 21
Ajax: 동기/비동기 처리, Ajax 목적, Ajax 요소 기술, XMLHttpRequest
06 : 55
Ajax 애플리케이션 모델: 전통적인 모델, Ajax 모델, MVC 패턴, 동기/비동기 모델
08 : 26
섹션 15. XMLHttpRequest
5 강의 33 : 01
XMLHttpRequest 개요, XMLHttpRequest 플로우
05 : 02
XMLHttpRequest 이벤트: onreadystatechange, 이벤트 타입
07 : 09
Request: open(), send(), timeout, abort()
07 : 23
Response: status, responseType
08 : 04
responseText, responseXML, FormData
05 : 23
섹션 16. 비동기 통신, 비동기 프로세스
6 강의 41 : 32
비동기 기본 형태: XHR 비동기 통신, Promise로 비동기 실행, 비동기 통신 + 비동기 실행
05 : 16
비동기로 다수 파일 처리: 함수로 분리, 다수 파일 수신
06 : 45
비통기 통신 + async/await
04 : 28
서버로 데이터 전송, 전송/수신 데이터의 변환
06 : 46
this 참조: Promise then() 환경, async/await 환경, 이벤트 핸들러 함수 분리
07 : 57
이벤트 핸들러 바인딩, 프레임워크 접근
10 : 20
섹션 17. Fetch
4 강의 32 : 39
Fetch 개요, Fetch API 구성, Fetch API 사용
06 : 52
Request 오브젝트, Response 오브젝트
09 : 32
Body 믹스인, Headers 오브젝트
09 : 48
Fetch 프로세스: JSON 데이터, Blob 파일
06 : 27
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의들을
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스