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

자바스크립트 중고급: 엔진 핵심 대시보드

(4.7)
97개의 수강평 ∙  1,622명의 수강생

30%

38,500원

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

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

4개 강좌로 구성된 자바스크립트 바이블 강좌의 2번째 강좌입니다. 자바스크립트 엔진 이해를 통해 자바스크립트에 최적화된 프로그램을 개발할 수 있습니다. 자신 있게 시스템을 설계할 수 있습니다.

✍️
이런 걸
배워요!
JavaScript의 근본적인 핵심을 알게 됩니다.
엔진에 최적화된 자바스크립트 코드를 작성할 수 있습니다.
자바스크립트 환경에 최적화된 프로그램을 설계할 수 있습니다.

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

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

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

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


🗒 강의 소개

자바스크립트 엔진 처리를 이해할 수 있습니다. 이를 통해 자바스크립트 엔진에 최적화된 프로그램을 개발할 수 있습니다. 완전하게 프로그램 코드를 작성할 수 있습니다. 코드가 실행되는 구조가 연상됩니다.

강좌 전체가 하나의 시나리오입니다. 강좌를 따라가면 자연스럽게 실력이 하나씩 쌓아집니다. 퍼즐을 맞추듯이 하나씩 실력이 만들어집니다. 

8년 이상의 자바스크립트 중고급 오프라인 강좌 경험을 담았습니다.


🗒 강좌의 상위 레벨 키워드

  • Function 오브젝트 (생성 과정, 구조, 내부 프로퍼티), 엔진 해석 순서와 방법
  • 호이스팅, 오버로딩, 스코프 (정적, 동적), 글로벌 스코프, 식별자 해결
  • 실행 콘텍스트, 렉시컬 환경 컴포넌트, ths 바인딩 컴포넌트, Argument 처리 메커니즘
  • 인스턴스 (생성 단계, 상속), 생성자 함수, prototype (연결, 상속, 공유, 확장)
  • this와 인스턴스, this 바인딩, 재귀함수, 즉시 실행 함수, 클로저 논리

강좌 소개


연관 강의

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

 

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
자바스크립트 중고급 개발자가 되려는 분
자바스크립트 실력을 근본적으로 다지시려는 분
엔진에 최적화된 개발을 하려는 분
자바스크립트 환경에 최적화된 설계를 하시려는 분
📚
선수 지식,
필요할까요?
자바스크립트 기초 문법

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

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에 관련된 책이 없었습니다.

 

커리큘럼 총 50 개 ˙ 5시간 2분의 수업
이 강의는 영상이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 1. Function 오브젝트
1. function 형태, function 오브젝트 생성, 오브젝트 저장, 생각의 전환 05:50
2. function 오브젝트 생성 과정, function 오브젝트 구조 07:49
3. 함수 실행 환경 인식, 함수 실행 환경 저장, 내부 프로퍼티 03:07
4. 내부 프로퍼티 분류: 공통 내부 프로퍼티, 선택적 내부 프로퍼티 06:32
5. 함수 정의 형태: 함수 정의, 함수 선언문, 함수 표현식 04:21
6. 엔진 해석 방법: 엔진 해석 순서, 함수 코드 작성 형태, 엔진 처리 상태 05:18
7. 함수 코드 해석 순서 06:31
8. 호이스팅, 함수 앞에서 호출, [코딩 시간] 05:39
9. 오버로딩 04:10
섹션 2. Argument
1. Argument 처리 메커니즘, Argument 처리 구조, 엔진의 파라미터 처리 04:27
섹션 3. 스코프
1. 스코프 목적, 스코프 설정 05:19
2. Global 오브젝트, 글로벌 오브젝트 특징 05:01
3. Global 스코프 06:26
4. 스코프 바인딩, 정적/동적 바인딩, 바인딩 시점의 중요성 09:27
섹션 4. Execution Context
1. 실행 콘텍스트, 실행 콘텍스트 상태 컴포넌트 05:52
2. 렉시컬 환경 컴포넌트, 렉시컬 환경 컴포넌트 구성/설정, 외부 렉시컬 환경 참조, 변수 환경 컴포넌트 08:30
3. 실행 콘텍스트 실행 과정, [정리 시간] 06:45
4. 환경 레코드, 환경 레코드 구성, 글로벌 환경 04:21
5. this 바인딩 컴포넌트 06:39
6. 호출 스택(call stack) 04:22
7. 파라미터 매핑, 함수 호출, 파라미터 값 매핑, 파라미터 이름에 값 매핑 방법 06:04
8. 파라미터 값 할당 기준, [정리 시간] 05:23
섹션 5. function instance
1. function 인스턴스 기준, function 인스턴스 생성 06:37
2. 생성자 함수, 생성자 함수 실행 과정, 인스턴스 생성 과정 06:34
3. constructor 프로퍼티, constructor 비교 04:28
4. prototype, 상속, prototype 오브젝트 목적, 인스턴스 상속 08:18
5. prototype 확장 방법, 프로퍼티 연결 고려사항, constructor 연결, prototype 확장과 인스턴스 형태 05:20
6. this와 prototype, this로 인스턴스 참조, this와 prototype, prototype 메소드 직접 호출 07:38
7. prototype 프로퍼티 공유 시점 06:02
8. 인스턴스 프로퍼티, 인스턴스 프로퍼티 우선 사용 08:41
섹션 6. this
1. this 개요, this와 글로벌 오브젝트, this와 window 오브젝트 미리보기 07:06 2. this 참조 범위, this와 strict 모드, this 참조 오브젝트, [정리 시간] 미리보기 05:31 3. this와 인스턴스 미리보기 05:26
4. this와 call() 메소드, this 사용, Object 사용, 숫자 작성, this 참조 변경 07:20
5. this와 apply() 메소드, this와 arguments 05:30
6. this와 콜백 함수 07:00
7. this와 bind() 메소드, function 오브젝트 생성/호출, 파라미터 병합 06:57
8. bind() 활용, 이벤트 처리 06:24
섹션 7. 논리적 정리
1. 재귀 함수, 프로퍼티 연동 방지, 재귀 함수 형태, [정리 시간] 05:57
2. 즉시 실행 함수, 함수 즉시 실행 과정 07:27
3. 클로저(Closure) 논리, 클로저 논리 전개, [정리 시간] 07:34
4. 클로저와 무명 함수, JS에서 클로저 04:21
강의 게시일 : 2019년 10월 25일 (마지막 업데이트일 : 2019년 10월 28일)
수강평 총 97개
수강생분들이 직접 작성하신 수강평입니다.
4.7
97개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
김상헌 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
eunsol thumbnail
5
2일에 완강했네요. 다음 내용이 궁금해서 놓을 수가 없었구요. 기본이 약하다는 것을 느낀 것은 덤이네요. 좋은 강좌 고맙습니다.
2019-11-06
SS thumbnail
5
혼자만 보고 싶은 강의~ 책과 오프라인에서 이미 경험한 터라 믿고 보는 김영보님의 강의입니다. 어디서도 이렇게 깊이감 있는 내용은 찾아볼 수가 없습니다. 수박 겉핥기 하는 강의가 아닙니다. JavaScript를 제대로 배우실 분들께 추천드립니다.
2019-10-28
지식공유자 김영보
감사합니다^^
2020-05-16
Lee Joo Ho thumbnail
5
역쉬 자바스크립트의 내부 구조를 아주 잘 알고 계시는 고수의 내공이 느껴졌습니다. 다음 강좌도 너무 기대가 되네요! 감사합니다.
2020-02-26
지식공유자 김영보
감사합니다^^
2020-05-16
최범준 thumbnail
5
와 대박입니다.. 실무하면서 바쁘다는 핑계로 넘어갔던 부분과 의아했던 부분이 있었는데 이 강의에 다 모여있내요. 특히 함수부분과 실행콘텍스트부분이 정말 인상적이내요. 두번이상 복습했고, 이해 안되는 부분은 한번 더 수강할 예정입니다. 감사합니다.
2020-06-02
지식공유자 김영보
대박, 축하합니다^^
2020-06-02
연관 로드맵
이 강의가 포함된 잘 짜여진 로드맵을 따라 학습해 보세요!