30%
38,500원
초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.
4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.
✍️
이런 걸
배워요!
이런 걸
배워요!
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"에서 강좌의 소스 코드를 다운로드받을 수 있습니다.
🗒 로드맵 강좌
연관 강의
자바스크립트 로드맵 바로가기 (40% 할인)
이런 분들께 추천드려요!
🎓
학습 대상은
누구일까요?
학습 대상은
누구일까요?
ES6+를 처음 접하는 개발자
ES6+를 알고 있으나 깊고 넓게 정립하려는 개발자
자바스크립트 비기너 과정이 아닙니다.
📚
선수 지식,
필요할까요?
선수 지식,
필요할까요?
자바스크립트 기본
개설된 자바스크립트 비기너 강좌와 중고급 강좌를 추천합니다
안녕하세요
김영보 입니다.
김영보 입니다.
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에 관련된 책이 없었습니다.
커리큘럼
총 94 개
˙ 8시간 29분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 소개
3 강
∙ 11분
1. 강좌 방향, ES6+ 기본 과정의 주요 내용
미리보기
03:47
2. JavaScript 스펙, ES6+의 프로그램 언어적 위치
04:00
3. 용어 사용 기준: 오브젝트, 인스턴스, 프로퍼티, 함수, 뉘앙스 고려
03:28
섹션 1. let 변수, const 변수
8 강
∙ 54분
1. 변수 구분, 글로벌 변수 오해, use strict 사용
미리보기
07:12
2. 블록 스코프 유형: function 블록, try-catch, switch-case
미리보기
04:16
3. let 변수 개요, let 변수 선언, 블록 스코프
미리보기
07:56
4. let 변수와 var 변수 차이
04:15
5. let 변수와 this
미리보기
05:07
6. js 파일 다수 사용
미리보기
08:41
7. 호이스팅
11:31
8. const 변수
05:05
섹션 2. Arrow Function
4 강
∙ 23분
1. Arrow Function, 함수 블록 사용, 파라미터 사용
05:45
2. 화살표 함수 구조, arguments 사용 불가
04:21
3. 화살표 함수와 this, this가 정적 스코프 참조
07:39
4. 화살표 함수와 인스턴스, 화살표 함수 특징
05:18
섹션 3. 이터레이션
3 강
∙ 15분
1. 이터레이션, 이터레이션 프로토콜
05:26
2. 이터러블 오브젝트, 이터러블 프로토콜
04:50
3. 이터레이터 오브젝트, 이터레이터 프로토콜
05:36
섹션 4. Spread, Rest
2 강
∙ 12분
1. let, const 사용 기준, spread, Array spread, String spread, Object spread, push(...spread)
06:25
2. Rest 파라미터, function spread, Array-like, rest와 arguments 차이
06:06
섹션 5. Destructuring
3 강
∙ 17분
1. Destructuring, Array 분할 할당
06:33
2. Object 분할 할당, 파라미터 분할 할당
05:39
3. Object 오퍼레이션, 프로퍼티 이름 조합
04:56
섹션 6. default value
1 강
∙ 4분
1. default value
04:35
섹션 7. for-of 문
1 강
∙ 4분
1. for-of, for-in for-of 차이, for-of Object
04:51
섹션 8. 연산자, 기타
1 강
∙ 5분
1. Trailing commas, 거듭 제곱, try-catch, 함수 작성 형태
05:08
섹션 9. getter, setter
1 강
∙ 5분
1. getter, setter
05:13
섹션 10. Number 오브젝트
3 강
∙ 16분
1. IEEE 754, 64비트 구성, 값을 구하는 방법, Number 상수
04:56
2. 진수, EPSILON: Number.EPSILON, 진수
04:00
3. Number 함수: isNaN(), isInteger(), isSafeInteger(), isFinite()
07:45
섹션 11. String 오브젝트
4 강
∙ 25분
1. Unicode, ES5 호환성
05:30
2. Unicode 함수: fromCodePoint(), codePointAt(), [정리 시간], normalize()
06:29
3. 시작/끝 체크 복제: startsWith(), endsWith(), repeat(), includes(), raw()
07:28
4. 길이 늘리기, 공백 삭제: padStart(), padEnd(), trimStart(), trimEnd()
05:35
섹션 12. Object 오브젝트
9 강
∙ 49분
1. is(), JS 값 비교 방법
05:16
2. 오브젝트 복사: assign(), 첫 번째 파라미터 작성, 두 번째 파라미터 작성
05:30
3. deep copy
04:22
4. Object 변환: entries(), values(), fromEntries(), getOwnPropertyDescriptors()
06:19
5. prototype과 __proto__, 메소드 호출 방법
04:45
6. 인스턴스에 함수로 추가
05:05
7. __proto__에 메소드 추가
05:32
8. setPrototypeOf(): 인스턴스 사용
06:35
9. setPrototypeOf(): prototype 사용
06:33
섹션 13. Template Literal
3 강
∙ 14분
1. Template Literal
04:03
2. tagged Template
05:22
3. String.raw, String.raw()
05:03
섹션 14. Array 오브젝트
8 강
∙ 41분
1. from(), of()
04:23
2. 배열 엘리먼트 복사, copyWithin()
05:00
3. Generic
04:42
4. 같은 값, 인덱스 검색: find(), findIndex()
05:06
5. 대체, 포함 여부: fill(), includes()
05:05
6. 배열 차원 변환: flat(), flatMap()
07:50
7. Array 이터레이터 오브젝트 생성: entries()
05:06
8. Array 이터레이터 오브젝트 생성: keys(), values()
04:28
섹션 15. Math 오브젝트
1 강
∙ 5분
1. 정수, 제곱근, 사인, Hyperbolic, 로그, 32비트 계산
05:09
섹션 16. RegExp 오브젝트
3 강
∙ 14분
1. lastIndex
06:34
2. y 플래그
04:15
3. u 플래그, s 플래그
03:26
섹션 17. Generator 오브젝트
8 강
∙ 44분
1. Generator 함수: function*, function* 선언문, function* 표현식
05:06
2. GeneratorFunction
06:57
3. yield 키워드
06:34
4. next()
06:10
5. yield 반복, 다수의 yield 처리
04:03
6. yield 분할 할당, for-of 반복
04:22
7. 제너레이터 오브젝트 메소드: return(), throw()
05:18
8. yield* 표현식
06:13
섹션 18. Symbol 오브젝트
3 강
∙ 17분
1. primitive 값, wrapper 오브젝트
06:17
2. Symbol() 함수
05:50
3. Symbol 사용 형태
05:19
섹션 19. Symbol Property
9 강
∙ 51분
1. Well-Known Symbols
07:05
2. Symbol.toStringTag
04:55
3. Symbol.isConcatSpreadable
04:44
4. Symbol.species
08:18
5. Symbol.species 오버라이드
05:52
6. Symbol.toPrimitive
06:31
7. Symbol.iterator, Array.prototype[@@iterator], Object 이터레이션
06:21
8. Symbol.iterator에 제너레이터 함수 연결
03:35
9. Symbol.match
04:00
섹션 20. Symbol 함수, 메소드
2 강
∙ 9분
1. Symbol 함수: for(), keyFor()
04:40
2. Symbol 메소드: toString(), description, valueOf(), getOwnPropertySymbols()
04:59
섹션 21. Map 오브젝트
5 강
∙ 22분
1. Map 오브젝트 형태, new Map()
05:05
2. Map과 Object 비교
04:14
3. 값 설정, 추출 메소드: set(), get(), has()
04:40
4. Map과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
03:45
5. 콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
05:13
섹션 22. WeakMap 오브젝트
4 강
∙ 21분
1. WeakMap 오브젝트 개요, new WeakMap()
05:31
2. WeakMap 오브젝트 메소드: get(), set(), has(), delete()
04:43
3. 가비지 컬렉션 처리
05:38
4. Map과 WeakMap 차이
05:09
섹션 23. Set 오브젝트
4 강
∙ 17분
1. Set 오브젝트 개요, new Set(), Set과 Map 비교
04:56
2. 값 설정, 추출 메소드: add(), has()
05:26
3. Set과 이터레이터 오브젝트: entries(), keys(), values(), Symbol.iterator()
03:59
4. 콜백 함수, 삭제, 지우기: forEach(), delete(), clear()
03:10
섹션 24. WeakSet 오브젝트
1 강
∙ 3분
1. WeakSet 오브젝트 개요, new WeakSet(), has(), add(), delete()
03:32
강의 게시일 : 2020년 01월 20일
(마지막 업데이트일 : 2020년 02월 19일)
수강평
총 51개
수강생분들이 직접 작성하신 수강평입니다.
4.8
51개의 수강평
5점
4점
3점
2점
1점
VIEW
추천 순
최신 순
높은 평점 순
낮은 평점 순
평점 순
높은 평점 순
낮은 평점 순
2020년도에 개발이라는 분야에서 가장 잘했고 가장 많은 성장에 도움이 된건 선생님 강의를 접하게 된것입니다.
처음 시리즈 강의를 시작할때 저는 화면에서 급하게 사용하기 위해 대충 인터넷에 있는 소스를 가져와 조금 수정하는 정도의 이해도를 가지고 시작했습니다.
이 강의 이전에도 시도했던 React.js Node.js 등 수많은 프레임워크와 라이브러리를 사실 상 왜 이렇게 하는지 근본적인 이해도 없이 꾸역꾸역 하나씩 말그대로 그냥 따라하는 수준이였습니다.
하지만 이렇게 해봐야 의미가 없다고 생각하고, 절실하게 JS 의 기본기를 먼저 다지기 위해서 여러강의와 책을 고민했습니다. 강의를 선택하게 된것도 우연히 그렇게 시작했습니다.
처음 시작은 조금 지루하고 힘들기도 했습니다. 그래도 점점 선생님 강의에 적응하기 시작했고 여러번 반복해서 수업을 듣기 시작하면서 하나씩 개념이 정리 되었습니다. 강의를 따라서 코드를 작성해 디버깅을 하는 습관을 통해 스코프, prototype, __proto__ , 호이스팅, 클로져, this 등 하나도 모르고 시작했던 내용도 혼자서 코드를 이해할 수 있게되었습니다.
시리즈 강의 4개중에 3개를 끝내고 지금은 마지막 강의를 수강하고 있습니다. 이전에 공부한 내용이 기억이 나지 않으면 다시 강의를 찾아보고 정리한 내용을 토대로 이제 배운 것을 활용해보기 위해서 스터디와 개인 프로젝트를 진행 중입니다.
감사합니다!
2020-12-31
작은것도 놓치지 않고 깊게 설명해주십니다. 각 부분에대해 알맞은 예제를 통해서 이해를 도와주고 생각을 하게됩니다.
아직 저는 이 강의를 다 들은것은 아니지만 이전 강의들을 보면 javascirpt를 정리하며 공든 탑을 쌓을 수 있는 강의라고 생각합니다.
2020-08-01
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 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-12-18
자바스크립트 공부를 소홀히 하고 서버 사이드에만 집중 해 온 개발자 입니다.
댓글 잘 안남기는데 김영보님 강의는 귀에 쏙쏙 들어 옵니다.
군더더기 없고 좋네요.
2020-10-13
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
