Thumbnail
깜짝 할인 중(D-8)
BEST
개발 · 프로그래밍 프로그래밍 언어

모던 자바스크립트(ES6+) 심화 대시보드

(4.8)
31개의 수강평 ∙  1,259명의 수강생

30%

38,500원

55,000원
지식공유자: 김영보
총 80개 수업 (9시간 29분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변: 미제공
폴더에 추가 공유

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

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

✍️
이런 걸
배워요!
자바스크립트의 고도화된 언어적 활용
비동기 통신과 비동기 프로세스 전반

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

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

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

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

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


🗒 소스 코드 다운로드

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

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


연관 강의

자바스크립트 로드맵 바로가기 (40% 할인)

 

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
ES6+ 환경을 넓고 깊게 이해하려는 개발자
비동기 통신, 비동기 프로세스 환경에서 개발하려는 개발자
ES6+를 이해하고 있으나 빠짐없이 정리하려는 개발자
📚
선수 지식,
필요할까요?
"자바스크립트 ES6+ 기본" 강좌에서 다루는 것은 강좌에서 다루지 않습니다. "ES6+ 기본"을 수강하지 않아도 강좌를 수강할 수 있으나 부분적으로 쉽게 이해하지 못할 수도 있습니다.
Node.js를 사용하지만 몰라도 되며 Node.js 실행에 필요한 코드를 제공합니다.

안녕하세요
김영보 입니다.
김영보의 썸네일

40년 넘게 소프트웨어를 개발했으며, 지금도 개발하고 있습니다. 
23년 넘게 JavaScript 중심으로 개발했습니다.

동영상: 10개
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js

저서: 9권
몰입! 자바스크립트, ECMAScript 6, HTML5, DOM 스크립팅
자바스크립트 정규표현식, 요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js JavaScript, Ajax 활용, prototype.js 완전분석  
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.

 

커리큘럼 총 80 개 ˙ 9시간 29분의 수업
이 강의는 영상, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Class
1. 객체 지향 프로그래밍: 객체 구성 요소, 객체의 구체화, 자바스크립트로 OOP 구현 미리보기 08:16 2. Class 선언, Class 구조: Class 선언문, Class 표현식, 미리보기 08:57
3. Class 작성 기준, computed name 07:45
4. constructor, constructor 반환 06:35
5. getter, setter, static 메소드, 호이스팅 06:48
6. 상속, extends 키워드, 상속 구조, 메소드 오버라이딩 미리보기 13:35
7. super 키워드, constructor 호출 05:31
8. Built-in 오브젝트 상속, Object 상속, Image 오브젝트 상속, Audio 오브젝트 상속 08:28
9. this 참조, Generator 05:35
섹션 2. Proxy
1. 기본 오퍼레이션: Proxy란, 기본 오퍼레이션 논리 미리보기 07:22 2. Proxy 논리, Proxy 모습 미리보기 05:46
3. handler, trap, target 05:33
4. Proxy 인스턴스 생성: new Proxy(), Proxy.revocable() 10:02
섹션 3. Proxy Trap
1. set() 트랩-1: set(), set() 트랩 호출, set() 트랩 준수사항 11:42
2. set() 트랩-2: set()의 4번째 파라미터, set()과 this 08:03
3. get() 트랩: get(), get() 트랩 호출, get() 트랩 준수사항 11:28
4. has() 트랩, deleteProperty() 트랩 07:54
5. defineProperty(), preventExtensions() , isExtensible() 트랩 05:49
6. getPrototypeof(), setPrototypeof() 트랩 09:58
7. construct(), apply(), ownKeys(), getOwnPropertyDescriptor() 트랩 09:38
섹션 4. Reflect
1. Reflect 특징: Reflect 오브젝트, Proxy 사용 05:36
2. get(): this 참조 오브젝트, Proxy 핸들러의 get() 트랩 06:25
3. set(): this 참조 오브젝트, Proxy 핸들러의 set() 트랩 06:45
4. has(), deleteProperty() 05:14
5. defineProperty(), preventExtensions(), isExtensible() 05:09
6. getPrototypeof(), setPrototypeof(), ownKeys(), getOwnPropertyDescriptor() 06:52
7. construct(), apply() 08:56
섹션 5. Module
1. 실행 환경 설정, 작성한 코드 실행 03:45
2. Module 개요: Module 접근 바탕, Module 코드 형태, html 파일 작성 방법 06:17
3. Module 스코프, export 값 유지, this 참조 06:58
4. export/import 형태, 변수/함수/Class, as, *, default 07:57
섹션 6. Promise
1. Promise 개요, Promise 처리 흐름, Promise 상태 미리보기 06:57 2. Promise 인스턴스 생성 미리보기 06:34
3. then(), then()의 return, catch(), finally() 07:05
4. resolve(), thenable, reject() 05:46
5. all(), race() 07:07
6. Promise 메커니즘 분석 08:32
섹션 7. async/await, for-await-of
1. async/await 개요, async 함수 07:34
2. await 반환, await 형태, for-await-of 07:41
3. Symbol.asyncIterator, Symbol.iterator와 차이 04:20
섹션 8. 비트(Bit) 연산자
1. 비트, 바이트, 2진수 연산, 사인 비트, 음수 표현 05:23
2. 바이너리 비트 연산자: 비트 OR 연산자, 비트 AND 연산자, 비트 XOR 연산자 04:30
3. 비트 이동 연산자: 비트 NOT 연산자, << 연산자, >> 연산자, >>> 연산자, [정리 시간] 05:11
섹션 9. ArrayBuffer
1. TypedArray 개요 05:23
2. TypedArray 필요성: Array 처리 메커니즘, 메모리 사용 측면, TypedArray 출현 배경 05:51
3. ArrayBuffer와 View 06:26
4. ArrayBuffer 인스턴스 생성: new ArrayBuffer(), byteLength, slice(), isView() 07:39
섹션 10. TypedArray
1. TypedArray 타입: TypedArray 오브젝트, 타입과 바이트, TypedArray 메소드 09:39
2. TypedArray 인스턴스 생성 07:50
3. Int 타입, Uint 타입, Uint8C 타입 08:12
4. Float 타입, TypedArray 프로퍼티 03:41
5. TypedArray 함수: from(), of(), Symbol.iterator() 07:49
6. TypedArray 메소드: set(), subarray(), copyWithin() 06:13
섹션 11. DataView
1. DataView 개요, new DataView(), DataView 프로퍼티 06:29
2. DataView 메소드: 메소드 분류, setInt8(), getInt8() 05:52
3. Endian: Endian 개요, Endian 구분, Endian 차이 대처, setInt16() 05:40
섹션 12. Web Workers
1. Web Workers 개요 미리보기 08:05
2. 전용 Worker: new Worker(), WorkerGlobalScope, postMessage() 04:53
3. Transferable 오브젝트, 복사하여 전송, 소유권 이전 07:10
섹션 13. SharedArrayBuffer, Atomics
1. SharedArrayBuffer 개요, SharedArrayBuffer 고려사항 08:26
2. Atomics: 개요, store(), exchange(), load() 05:19
섹션 14. Ajax
1. Ajax: 동기/비동기 처리, Ajax 목적, Ajax 요소 기술, XMLHttpRequest 06:55
2. Ajax 애플리케이션 모델: 전통적인 모델, Ajax 모델, MVC 패턴, 동기/비동기 모델 08:26
섹션 15. XMLHttpRequest
1. XMLHttpRequest 개요, XMLHttpRequest 플로우 05:02
2. XMLHttpRequest 이벤트: onreadystatechange, 이벤트 타입 07:09
3. Request: open(), send(), timeout, abort() 07:23
4. Response: status, responseType 08:04
5. responseText, responseXML, FormData 05:23
섹션 16. 비동기 통신, 비동기 프로세스
1. 비동기 기본 형태: XHR 비동기 통신, Promise로 비동기 실행, 비동기 통신 + 비동기 실행 05:16
2. 비동기로 다수 파일 처리: 함수로 분리, 다수 파일 수신 06:45
3. 비통기 통신 + async/await 04:28
4. 서버로 데이터 전송, 전송/수신 데이터의 변환 06:46
5. this 참조: Promise then() 환경, async/await 환경, 이벤트 핸들러 함수 분리 07:57
6. 이벤트 핸들러 바인딩, 프레임워크 접근 10:20
섹션 17. Fetch
1. Fetch 개요, Fetch API 구성, Fetch API 사용 06:52
2. Request 오브젝트, Response 오브젝트 09:32
3. Body 믹스인, Headers 오브젝트 09:48
4. Fetch 프로세스: JSON 데이터, Blob 파일 06:27
강의 게시일 : 2020년 08월 20일 (마지막 업데이트일 : 2020년 08월 20일)
수강평 총 31개
수강생분들이 직접 작성하신 수강평입니다.
4.8
31개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
찡태 thumbnail
5
자바스크립트를 배울 수 있는 최고의 강의라고 생각합니다!
2020-08-25
지식공유자 김영보
감사합니다.
2020-08-25
devMiddleStone thumbnail
5
자바스크립트 기초 개념을 잡는데 많은 도움이 되었습니다. 감사합니다.
2020-10-21
지식공유자 김영보
감사합니다. 꾸벅^^
2020-10-21
김상헌 thumbnail
5
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 es6심화 강의까지 4가지의 강의를 다 듣고 적는 후기입니다. 확실히 애매하게 알고있어서 못써왔던것들을 쓸수있게되는게 정말 최고의 수강후기가 아닐까 싶습니다. 예를들어 map, forEach, filter 함수를 뒤에 매개변수값을 추가로 this로 받을 인자값을 앎으로써 굳이 2중으로 반복문을 돌려 시간복잡도를 (n2)로 했던걸 (n)으로 끝낼 수 있었던점, 그리고 call,apply, bind개념이 명확해지면서, this를 매번 헷갈렸는데 헷갈릴때 해당 함수 호출시에 직접적으로 this 바인딩 시켜서 처리할 수 있는점 그리고 스코프에 대한 개념에 대해서는 심화과정을 들으면서 단계적으로 찾아나가고 가장 상위에 있는 것에서 찾고 없으면 __proto__그리고 또 없다면 하위에 __proto__를 찾는다는점 등등 저는 진짜 이번에 영보쌤거 강의들으면서 정말 이런말 표현이 맞을지 모르겠으나 정말 은혜받았습니다... 그리고 어제 밤에 csr을 직접 바닐라로 구현해보면서 class 이벤트에 built-in 오브젝트를 상속해서 처리하는것에 대해서 프론트엔드 프레임워크에서 props개념도 이와 비슷하게 동작하겠구나 하는 것에 대해서도 정말 쌤이 없었다면 원리조차 모를뻔한 것들에 대해서 알아가는 재미를 느꼈습니다 확실히 팀내에서도 저한테 요즘 갑자기 코드가 신기하게 깔끔해졌다고 이야기들 해주더라구요 수강을 고민하시는 분들 정말 돈이 아깝지 않은 강의입니다. 특히 확실하게 알고 사용하고 싶으신 분들, 매일 쓰던것만 쓰던 함수를 쓰던 자신에서, 더 편리하고, 더 좋은 그리고 더 효율적인 내장함수들이 많다는것들을 느끼실겁니다. 고민하지말고, 영보쌤 강의 시리즈 모두 구입하셔서 다들어보시길 권장드립니다. 코드의 질이 달라지며, 생각하는 사고가 달라지는것을 느낄것입니다. 제가 보증 하겠습니다
2020-10-01
지식공유자 김영보
감사합니다. 응원합니다.
2020-10-02
beegizee1220 thumbnail
5
너무나 좋은강의 감사합니다. ES5 비기너부터 ES6 심화까지 총 4강좌를 다 수강하였습니다. 덕분에 자바스크립트에서 간지러웠던 부분들에 대해 시원하게 긁을 수 있었습니다. 선생님 강의 덕에 자바스크립트와 한층 더 가까워질 수 있었습니다. 좋은 강의 정말 감사드립니다. ( _ _ )
2021-01-23
지식공유자 김영보
4강 완주를 축하합니다. 전체 숲을 본 것은 큰 자산이 될 것입니다. 감사합니다.
2021-01-24
법경 thumbnail
5
아주 좋아요
2020-11-10
지식공유자 김영보
감사합니다^^
2020-11-11