Thumbnail
깜짝 할인 중(D-2)
BEST 개발 · 프로그래밍 프로그래밍 언어
자바스크립트 ES6+ 기본
(4.9)
27개의 수강평 ∙ 650명의 수강생

25%

41,250원

55,000원
지식공유자 : 김영보
총 94개 수업˙총 8시간 29분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
폴더에 추가 557 공유
초급자를 위해 준비한
[프로그래밍 언어, 웹 개발] 강의입니다.

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"에서 강좌의 소스 코드를 다운로드받을 수 있습니다.

 

🗒 로드맵 강좌



지식공유자가 알려주는
강의 수강 꿀팁!
🎓
이런 분들께
추천드려요!
ES6+를 처음 접하는 개발자
ES6+를 알고 있으나 깊고 넓게 정립하려는 개발자
자바스크립트 비기너 과정이 아닙니다.
📚
선수 지식,
필요한가요?
자바스크립트 기본
개설된 자바스크립트 비기너 강좌와 중고급 강좌를 추천합니다

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

40년 넘게 소프트웨어 개발자로 살았으며, 지금도 개발하고 있습니다. 
그 중에서 20년 넘게 JavaScript 중심으로 개발했습니다.

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

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

커리큘럼 총 94 개 ˙ 8시간 29분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 소개
1. 강좌 방향, ES6+ 기본 과정의 주요 내용 미리보기 03:47
2. JavaScript 스펙, ES6+의 프로그램 언어적 위치 04:00
3. 용어 사용 기준: 오브젝트, 인스턴스, 프로퍼티, 함수, 뉘앙스 고려 03:28
섹션 2. Arrow Function
1. Arrow Function, 함수 블록 사용, 파라미터 사용 05:45
2. 화살표 함수 구조, arguments 사용 불가 04:21
3. 화살표 함수와 this, this가 정적 스코프 참조 07:39
4. 화살표 함수와 인스턴스, 화살표 함수 특징 05:18
섹션 3. 이터레이션
1. 이터레이션, 이터레이션 프로토콜 05:26
2. 이터러블 오브젝트, 이터러블 프로토콜 04:50
3. 이터레이터 오브젝트, 이터레이터 프로토콜 05:36
섹션 4. Spread, Rest
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
1. Destructuring, Array 분할 할당 06:33
2. Object 분할 할당, 파라미터 분할 할당 05:39
3. Object 오퍼레이션, 프로퍼티 이름 조합 04:56
섹션 6. default value
1. default value 04:35
섹션 7. for-of 문
1. for-of, for-in for-of 차이, for-of Object 04:51
섹션 8. 연산자, 기타
1. Trailing commas, 거듭 제곱, try-catch, 함수 작성 형태 05:08
섹션 9. getter, setter
1. getter, setter 05:13
섹션 10. Number 오브젝트
1. IEEE 754, 64비트 구성, 값을 구하는 방법, Number 상수 04:56
2. 진수, EPSILON: Number.EPSILON, 진수 04:00
3. Number 함수: isNaN(), isInteger(), isSafeInteger(), isFinite() 07:45
섹션 11. String 오브젝트
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 오브젝트
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
1. Template Literal 04:03
2. tagged Template 05:22
3. String.raw, String.raw() 05:03
섹션 14. Array 오브젝트
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. 정수, 제곱근, 사인, Hyperbolic, 로그, 32비트 계산 05:09
섹션 16. RegExp 오브젝트
1. lastIndex 06:34
2. y 플래그 04:15
3. u 플래그, s 플래그 03:26
섹션 17. Generator 오브젝트
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 오브젝트
1. primitive 값, wrapper 오브젝트 06:17
2. Symbol() 함수 05:50
3. Symbol 사용 형태 05:19
섹션 19. Symbol Property
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 함수, 메소드
1. Symbol 함수: for(), keyFor() 04:40
2. Symbol 메소드: toString(), description, valueOf(), getOwnPropertySymbols() 04:59
섹션 21. Map 오브젝트
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 오브젝트
1. WeakMap 오브젝트 개요, new WeakMap() 05:31
2. WeakMap 오브젝트 메소드: get(), set(), has(), delete() 04:43
3. 가비지 컬렉션 처리 05:38
4. Map과 WeakMap 차이 05:09
섹션 23. Set 오브젝트
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. WeakSet 오브젝트 개요, new WeakSet(), has(), add(), delete() 03:32
강의 게시일 : 2020년 01월 20일 (마지막 업데이트일 : 2020년 02월 19일)
수강평 총 27개
수강생분들이 직접 작성하신 수강평입니다. 수강평을 작성 시 300잎이 적립됩니다.
4.9
27개의 수강평
5점
4점
3점
2점
1점
VIEW 좋아요 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
통붕이 thumbnail
2020년도에 개발이라는 분야에서 가장 잘했고 가장 많은 성장에 도움이 된건 선생님 강의를 접하게 된것입니다. 처음 시리즈 강의를 시작할때 저는 화면에서 급하게 사용하기 위해 대충 인터넷에 있는 소스를 가져와 조금 수정하는 정도의 이해도를 가지고 시작했습니다. 이 강의 이전에도 시도했던 React.js Node.js 등 수많은 프레임워크와 라이브러리를 사실 상 왜 이렇게 하는지 근본적인 이해도 없이 꾸역꾸역 하나씩 말그대로 그냥 따라하는 수준이였습니다. 하지만 이렇게 해봐야 의미가 없다고 생각하고, 절실하게 JS 의 기본기를 먼저 다지기 위해서 여러강의와 책을 고민했습니다. 강의를 선택하게 된것도 우연히 그렇게 시작했습니다. 처음 시작은 조금 지루하고 힘들기도 했습니다. 그래도 점점 선생님 강의에 적응하기 시작했고 여러번 반복해서 수업을 듣기 시작하면서 하나씩 개념이 정리 되었습니다. 강의를 따라서 코드를 작성해 디버깅을 하는 습관을 통해 스코프, prototype, __proto__ , 호이스팅, 클로져, this 등 하나도 모르고 시작했던 내용도 혼자서 코드를 이해할 수 있게되었습니다. 시리즈 강의 4개중에 3개를 끝내고 지금은 마지막 강의를 수강하고 있습니다. 이전에 공부한 내용이 기억이 나지 않으면 다시 강의를 찾아보고 정리한 내용을 토대로 이제 배운 것을 활용해보기 위해서 스터디와 개인 프로젝트를 진행 중입니다. 감사합니다!
2020-12-31
지식공유자김영보
감사합니다. 끝 부분에 작성하신대로 1년만 하시면 기본이 튼튼하게 만들어 질 것입니다. 기초가 아닌 기본입니다. 향후 1년이 매우 중요합니다. 꼭 생각하신대로 하시기 바랍니다. 그러면 대충 5년, 7년한 사람보다 나을 것입니다. 또한 내 자신이 자신감을 갖게 됩니다.
2020-12-31
이용현 thumbnail
처음엔 한 강의강의가 시간이 짧아 의심을 하긴 했지만, 내용이 정말 알찹니다. 반복학습만이 답입니다. 한번에 이해하지 못해도 좋습니다. 반복학습!! 중요합니다!
2020-12-18
지식공유자김영보
맞습니다. 반복이 핵심입니다. 감사합니다.
2020-12-18
찡태 thumbnail
작은것도 놓치지 않고 깊게 설명해주십니다. 각 부분에대해 알맞은 예제를 통해서 이해를 도와주고 생각을 하게됩니다. 아직 저는 이 강의를 다 들은것은 아니지만 이전 강의들을 보면 javascirpt를 정리하며 공든 탑을 쌓을 수 있는 강의라고 생각합니다.
2020-08-01
지식공유자김영보
감사합니다.^^ 무너지지 않는 탑이 될 것입니다.
2020-08-01
김상헌 thumbnail
현재 프론트엔드 개발자로 일하고 있는 주니어 개발자입니다. 나름 잘 안다고 생각하였으나, 이 강의를 보고 띄엄띄엄 알고 있었다는 제 자신을 발견하게 되었습니다 이제 저의 수강 후기를 작성 드리겠습니다. 저는 자바스크립트 비기너 강의부터 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
이재원 thumbnail
자바스크립트 공부를 소홀히 하고 서버 사이드에만 집중 해 온 개발자 입니다. 댓글 잘 안남기는데 김영보님 강의는 귀에 쏙쏙 들어 옵니다. 군더더기 없고 좋네요.
2020-10-13
지식공유자김영보
감사합니다. 꾸벅^^
2020-10-13
깜짝 할인 중(D-2)

25%

41,250원

55,000원
폴더에 추가 557 공유
지식공유자 : 김영보
총 94개 수업˙총 8시간 29분
평생 무제한 수강
수료증 발급 강의
입문 초급 대상 중급이상
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!
지식공유자 되기
많은 사람들에게 배움의 기회를 주고,
경제적 보상을 받아보세요.
지식공유참여
기업 교육을 위한 인프런
“인프런 비즈니스” 를 통해 모든 팀원이 인프런의 강의를
자유롭게 학습하는 환경을 제공하세요.
인프런 비즈니스