채널톡 아이콘
개발 · 프로그래밍

/

프로그래밍 언어

클린업 JavaScript: 점프업!

자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.

30명 이 수강하고 있어요.

JavaScript
Thumbnail

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

이런 걸 배울 수 있어요

  • 자바스크립트 객체 지향 프로그래밍

  • 실행 콘텍스트(ES2025 기준)

  • 동기, 비동기 처리

  • Event Loop

  • 자바스크립트 병렬 처리

자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법,
Event Loop, 멀티스레딩을 다룹니다.


자바스크립트에서 강의 내용보다 더 어렵거나 깊은 내용은 없습니다.
자바스크립트 언어에 담겨진 언어 문화를 다룹니다.

클린업 자바스크립트는 생각을 다룹니다! 🧠

  • 강좌의 주제가 어렵지 않지만 넓고 깊으면서 자세하게 생각을 많이 해야 합니다.

  • 자바스크립트의 아름다움을 음미하고 생각하는 시간이 되시기 바랍니다

  • 자바스크립트 언어의 부드러움을 곱씹어 보는 시간이 되시기 바랍니다

  • 용어 하나, 문맥 하나에 담겨진 자바스크립트의 깊이, 너비, 상세를 깨끗하게 정리(클린업)하는 시간이 되시기 바랍니다

  • 생각을 위한, 음미를 위한, 깊이/너비/상세를 클린업할 수 있는 주제를 강좌에 듬뿍 담았습니다.

이런 내용을 배워요!

클래스(Class)

객체 지향 프로그래밍 개요
Class와 prototype, Class 상속 플로우
Class 상속 구조, prototype chain

this 참조

스코프 목적, Object와 this 참조
함수에서 this 참조, Class와 this 참조
this 참조 바인딩: bind(), 이벤트 리스너, 이벤트 핸들러
this 참조 변경

자바스크립트 객체 지향 프로그래밍

자바스크립트와 OOP
OOP 특성과 자바스크립트: 추상화, 상속, 다형성, 캡슐화
인스턴스 목적

Function Object

Function Object 구성
[[SourceText]], [[ECMAScriptCode]] 슬롯
[[FormalParameters]], [[Environment]], [[ThisMode]] 슬롯

실행 콘텍스트

상태 컴포넌트, 클로저
Environment Record, Declarative Environment Record
scope chain과 식별자 해결, 식별자 해결 메커니즘

동기, 비동기 처리

동기 처리 형태와 설명
비동기 처리 목적, Ajax 목적
비동기 통신/취소 형태와 설명, 통신 코드 리팩터링

Promise Object

Promise 처리 순서, Promise Object 특징, 비동기로 실행하는 이유
withResolvers() 함수, withResolvers()와 Class
Promise와 fetch()

Event Loop

콜백 함수 실행 순서
User Agent, Agent 개념
자바스크립트 Agent(스레드) 구성, 웹 플랫폼의 Agent(스레드) 타입
Event Loop, Task Queue
Microtask Queue, queueMicrotask()

Number 처리 방법

Number Object, BigInt Object
TypedArray Object, ArrayBuffer Object, ArrayBuffer View
TypedArray Object 활용
DataView Object

자바스크립트 병렬 처리

SharedArrayBuffer Object, SharedArrayBuffer 플로우
SharedArrayBuffer 고려사항
Atomics Object
Atomic wait 플로우, Atomic notify 플로우

수강 전 참고 사항

실습 환경

  • 크롬 브라우저, VS Code

학습 자료

  • 강좌에서 설명하는 소스 파일을 제공합니다

  • 강의 자료는 제공하지 않습니다

선수 지식 및 유의사항

  • 자바스크립트 기초 문법


연관 강의 로드맵을
함께 학습해보세요.


이런 분들께
추천드려요!

학습 대상은
누구일까요?

  • 자바스크립트 중고급 내용을 깊고 넓게 정리하려는 개발자

  • 자바스크립트를 아는 것 같은데, 바탕이 약하다고 생각이 드는 개발자

선수 지식,
필요할까요?

  • 자바스크립트 초급 이상

  • 클린업 JavaScript: 베이스 빌드업의 연속 강좌입니다

안녕하세요
김영보입니다.

9,423

명

수강생

363

개

수강평

332

개

답변

4.8

점

강의 평점

12

개

강의

소프트웨어 개발을 좋아하는 개발자입니다.

메일: tonextday@gmail.com

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

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

 

 

더보기

커리큘럼

전체

69개 ∙ (4시간 34분)

해당 강의에서 제공:

수업자료
강의 게시일: 
마지막 업데이트일: 

수강평

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

김영보님의 다른 강의

지식공유자님의 다른 강의를 만나보세요!

클린업 JavaScript: 베이스 빌드업!강의 썸네일

클린업 JavaScript: 베이스 빌드업!

김영보

₩44,000

초급 / JavaScript, 면접, 기술면접

5.0

(3)

100+

생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

초급

초급

JavaScript, 면접, 기술면접

React 완전 끝내기: useHoooooook강의 썸네일

React 완전 끝내기: useHoooooook

김영보

₩44,000

초급 / React, JavaScript, DOM

5.0

(2)

100+

넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.

초급

초급

React, JavaScript, DOM

React 비기너: 튼튼한 기본 만들기강의 썸네일

React 비기너: 튼튼한 기본 만들기

김영보

₩44,000

초급 / React, JavaScript, DOM, 객체지향

5.0

(12)

700+

React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.

초급

초급

React, JavaScript, DOM

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법강의 썸네일

요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법

김영보

₩286,000

중급이상 / 요구분석, 소프트웨어 공학

4.5

(2)

100+

시스템 개발이 실패하거나 요구사항 변경이 발생하는 대부분은 요구분석을 잘못하였기 때문입니다. 시스템 개발을 성공하는 요구분석 구현 방법을 다룹니다. 요구사항은 코드로 풀지 않고 시나리오로 풉니다. 요구사항을 시나리오로 푸는 방법을 다룹니다.

중급이상

중급이상

요구분석, 소프트웨어 공학

DOM 인터랙션강의 썸네일

DOM 인터랙션

김영보

₩77,000

초급 / DOM, JavaScript, HTML/CSS

200+

DOM은 동적 애플리케이션의 필수이며 바탕입니다. Element, Document, Window 오브젝트에서 발생하는, 발생시키는 모든 이벤트를 기본부터 활용까지 다룹니다. Web Component(Custom Element, Shadow DOM, Template)을 완전하게 배울 수 있으며 활용할 수 있습니다. 개설된 "DOM 완전 끝내기: 기본" 강좌와 더불어 DOM의 마침표를 찍을 수 있습니다.

초급

초급

DOM, JavaScript, HTML/CSS

DOM 기본강의 썸네일

DOM 기본

김영보

₩77,000

초급 / DOM, JavaScript, HTML/CSS

4.6

(11)

1,000+

DOM을 모르고 웹 프로그램을 말할 수 없습니다. DOM 스펙의 95% 이상을 다룹니다. DOM의 마침표를 찍을 수 있습니다. 넓고 깊으며 자세합니다. 시간, 비용, 노력을 허비하지 않습니다. 자바스크립트 활용도 같이 다루며, 바닐라 JS로 웹 애플케이션을 개발할 수 있습니다.

초급

초급

DOM, JavaScript, HTML/CSS

모던 자바스크립트(ES6+) 심화강의 썸네일

모던 자바스크립트(ES6+) 심화

김영보

₩55,000

초급 / JavaScript, ES6

4.8

(31)

1,300+

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

초급

초급

JavaScript, ES6

자바스크립트 머신러닝 TensorFlow.js강의 썸네일

자바스크립트 머신러닝 TensorFlow.js

김영보

₩132,000

중급이상 / Tensorflow, JavaScript, 머신러닝, 딥러닝

4.6

(9)

200+

자바스크립트 환경에서 머신러닝 개념을 다룹니다. 자바스크립트와 TensorFlow.js로 머신러닝을 구현하는 형태와 코드를 다룹니다.

중급이상

중급이상

Tensorflow, JavaScript, 머신러닝

모던 자바스크립트(ES6+) 기본강의 썸네일

모던 자바스크립트(ES6+) 기본

김영보

₩55,000

초급 / JavaScript, ES6

4.8

(51)

1,400+

4개 강좌로 구성된 자바스크립트 바이블 강좌의 3번째 강좌입니다. 자바스크립트 스펙의 95% 이상을 다룹니다. ES6+ 환경에서 새로운 패러다임의 프로그램을 개발할 수 있습니다.

초급

초급

JavaScript, ES6

자바스크립트 중고급: 엔진 핵심강의 썸네일

자바스크립트 중고급: 엔진 핵심

김영보

₩55,000

초급 / JavaScript

4.7

(98)

1,600+

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

초급

초급

JavaScript

자바스크립트 비기너: 튼튼한 기본 만들기강의 썸네일

자바스크립트 비기너: 튼튼한 기본 만들기

김영보

₩44,000

초급 / JavaScript, 객체지향

4.7

(144)

2,100+

4개 강좌로 구성된 자바스크립트 바이블 강좌의 1번째 강좌입니다. 기본에 충실하였습니다. 자바스크립트의 근본을 이해하는데 중점을 두었습니다. 자바스크립트 스펙의 95% 이상을 다룹니다.

초급

초급

JavaScript, 객체지향

연관 로드맵

강의가 포함된 로드맵으로 학습해 보세요!

클린업 JavaScript 로드맵 썸네일

클린업 JavaScript

김영보

₩44,000