개발 · 프로그래밍

프로그래밍 언어

모던 자바스크립트 딥다이브 스터디

《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

(4.9) 수강평 32개

수강생 9,532명

정재남

JavaScript

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

이런 걸 배울 수 있어요

웹 프론트엔드 기초
자바스크립트의 기본 개념 및 동작 원리
모던 자바스크립트 프레임워크 및 도구의 이해

혼자가 외롭다면 시간차 스터디는 어때요?
함께하는 모던 자바스크립트 스터디

📢 알려드립니다

해당 강의는 지식공유자가 진행한 모던 자바스크립트 딥다이브 퀵 스터디의 녹화분입니다.
모던 자바스크립트 딥다이브 퀵 스터디는 《모던 자바스크립트 딥다이브》를 함께 읽으며 공부하는 취지의 모임으로서, 지식공유자가 책을 낭독하고 예제 코드를 실행하며 참가자들과 함께 해석, 유추, 보충 설명하는 방식으로 진행되었습니다.

함께 배우는 자바스크립트 💡

이 강의는 함께 《모던 자바스크립트 딥다이브》 책을 읽고 예제 코드를 실행하는 방식으로 진행된 모던 자바스크립트 딥다이브 스터디의 진행 과정을 담고 있습니다. 함께 자바스크립트를 공부해 봐요!

스터디를 들으며 함께
학습하다 보면 어느새
두꺼운 한 권이 뚝딱!

보다 수월한 진행을
위해 세심하게 조정된
학습 순서

스터디를 따라가다
보면 자연스럽게
넘어가는 챕터들!

올바른 이해를 위해
가이드라인&방향성을
제시해 드립니다

학습 내용

함께 《모던 자바스크립트 딥다이브》의 예제 코드를 실행/분석하고, 본문을 매우 빠르게 스키밍합니다. 이 과정에서 이미 알고 있는 지식을 가볍게 재확인하고 각자의 지식을 수정/보완합니다.

강의 주제

자바스크립트 기본 개념부터 코드의 동작 원리까지.
《모던 자바스크립트 딥다이브》를 통해 정적이고 효율적인 코드를 작성할 수 있는 기본기를 다집니다.

이런 분들께 추천해요 💡

《모던 자바스크립트 딥다이브》를 통해 자바스크립트를 함께 공부하고 싶으신 분
자바스크립트를 혼자 학습하는 것에 어려움을 느끼시는 분

이 강의는 이런 특징이 있어요 💡

_{모던 자바스크립트 Deep Dive 퀵 스터디를 통해 모집한
스터디원들과 함께 공부한 내용이 담긴 강의입니다}

_{《모던 자바스크립트 딥다이브》를 함께 읽으며
자바스크립트에 대한 이해를 키워보세요!}

지식공유자의 다른 강의가 궁금하다면? 💡

코어 자바스크립트
(클릭)

Javascript ES6+ : 초급편
(클릭)

Javascript ES6+ : 중급편
(클릭)

풀스택 리액트 토이프로젝트 (for FE개발자)
(클릭)

이런 분들께
추천드려요!

학습 대상은
누구일까요?

자바스크립트를 학습하면서 이해에 어려움을 겪는 분
자바스크립트 독학 진행 속도가 더딘 분

선수 지식,
필요할까요?

자바스크립트 지식

안녕하세요
정재남입니다.

31,858

명

수강생

657

개

수강평

393

개

답변

4.9

점

강의 평점

개

강의

안녕하세요, 시니어 프론트엔드 개발자 정재남 입니다.
서로 돕고 함께 발전하는 건전한 공유문화를 지향하여 다양한 활동을 하고 있습니다.

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

원티드) 신입 개발자, 뭘 공부해야 하죠? https://www.wanted.co.kr/events/22_02_s01_b01
인프런) To. 주니어 개발자 https://www.inflearn.com/pages/for-junior-developers-20211207
벤처이몽) 벤처/스타트업 시니어 개발자와 주니어 개발자의 솔직담백 토크쇼 https://youtu.be/6D7I4NNFHsU?si=nD6-F7EU_ZtYqDLI
바닐라코딩) 프론트엔드 개발자 취업 마인드셋 https://youtu.be/zX68pyoLctI

커리큘럼

전체

26개 ∙ (14시간 26분)

섹션 1. 모던 자바스크립트 딥다이브 스터디

26개 ∙ (14시간 26분)

1. 4. 변수 / 5. 표현식과 문
36:06
2. 6. 데이터 타입 / 7. 연산
54:08
3. 8. 제어문 / 9. 타입변환과 단축평가
36:06
4. 10. 객체 리터럴 / 11. 원시값과 객체의 비교
01:06:46
5. 12. 함수
45:10
6. 23. 실행컨텍스트 / 13. 스코프
34:27
7. 14. 전역변수의 문제점 / 15. let, const와 블록 레벨 스코프
18:50
8. 16. 프로퍼티 어트리뷰트 / 17. 생성자 함수에 의한 객체 생성
34:33
9. 18. 함수와 일급객체
15:57
10. 19. 프로토타입
39:14
11. 20. strict mode / 21. 빌트인 객체 / 22. this
25:26
12. 24. 클로저
31:55
13. 25. 클래스
42:34
14. 26. 함수의 추가 기능
24:16
15. 27. 배열
45:35
16. 28. Number / 29. Math / 30. Date / 31. RegExp
38:31
17. 32. String / 33. Symbol
26:34
18. 38. 브라우저의 렌더링 과정
15:58
19. 39. DOM
44:30
20. 34. 이터러블 / 35. 스프레드 문법 / 36. 디스트럭쳐링 할당
37:43
21. 37. Set과 Map / 42. 비동기 프로그래밍
27:45
22. 40. 이벤트
36:15
23. 41. 타이머 / 43. Ajax
18:03
24. 45. 프로미스
18:00
25. 46. 제너레이터와 async await
25:51
26. 47. 에러 처리 / 48. 모듈
26:44

섹션 2.

0개

강의 게시일: 2021. 11. 17.

마지막 업데이트일: 2021. 12. 31.

수강평

전체

32개

4.9

32개의 수강평

세뇨르
수강평 43
∙
평균 평점 5.0
2025. 06. 03.
5
31% 수강 후 작성
혼자하면 더 힘든 것을 같이 공부할 수 있어 좋습니다. 감사합니다.
rhkdtjd_12
수강평 12
∙
평균 평점 5.0
2024. 03. 09.
5
100% 수강 후 작성
정재남선생님의 설명이 없었다면 이해하지 못할 파트들이 엄청 많았습니다. 예를들면 실행 컨텍스트 부분 같은경우에 책만 보다가는 잠들어 있는 나 자신을 보게 될것입니다.
jin
수강평 7
∙
평균 평점 4.9
2025. 04. 01.
5
100% 수강 후 작성
최고..
ladiescheong
수강평 1
∙
평균 평점 5.0
2022. 01. 17.
5
27% 수강 후 작성
이 강의 때문에 파편화된 지식들이 구조화되는 느낌이 들었습니다. 마저 제 것으로 만들러 가야겠어요.
soono991
수강평 66
∙
평균 평점 5.0
2025. 04. 17.
5
100% 수강 후 작성

정재남님의 다른 강의

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

코어 자바스크립트

정재남

ES6 이전까지의 자바스크립트 전체를 관통하는 핵심 개념들에 대하여, 전반적인 흐름을 살펴보는 강의입니다.

초급

JavaScript

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

정재남

개발부터 배포까지! 하나의 서비스를 완성하기 위한 험난한 여정을 여과없이 보여드립니다. 처음 써보는 기술들을 잔뜩 도입하여 좌충우돌 우당탕탕하면서도 어떻게든 헤쳐나갈 수 있어요!

초급

React, GraphQL, Firebase

[React / VanillaJS] UI 요소 직접 만들기 Part 2

정재남

대표적인 UI 요소들을 React 버전 및 순수 JavaScript 버전으로 만들어 보면서, Web API를 활용한 다양한 관점과 방법을 경험하고, 프론트엔드 개발 실력을 한층 끌어올려 보세요.

초급

React, vanilla-js, ui

[React / VanillaJS] UI 요소 직접 만들기 Part 1

정재남

초급

React, vanilla-js, ui

리액트 공식문서 함께 공부하기

정재남

2023년 리뉴얼된 React 공식 문서를 함께 학습해요.

입문

React, JavaScript, react.js

이펙티브 타입스크립트 스터디

정재남

《이펙티브 타입스크립트》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!

초급

TypeScript

풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)

정재남

React 기반의 간단한 SNS 서비스를 만들면서 REST API 및 GraphQL을 연습합니다. 프론트엔드 개발을 위한 백엔드 환경을 쉽고 간단하게 만드는 방법을 소개합니다.

초급

REST API, GraphQL, React

Javascript ES6+ 제대로 알아보기 - 보너스

정재남

ES6+ 제대로 알아보기 강좌는 Javascirpt의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 알려드립니다.

초급

ES6, JavaScript

Javascript ES6+ 제대로 알아보기 - 중급

정재남

ES6+ 제대로 알아보기 강좌는 Javascript의 ES6 및 이후의 표준 ECMAScript 명세에 대하여 이론을 바탕으로 ES5와 달라진 점 및 개념과 동작 원리를 깊이 있게 살펴봅니다.

중급이상

JavaScript, ES6

Javascript ES6+ 제대로 알아보기 - 초급

정재남

초급

JavaScript, ES6

비슷한 강의

같은 분야의 다른 강의를 만나보세요!

자바스크립트 제대로 배워볼래?

개발자의 품격

자바스크립트를 제대로 배우길 원하는 초급자를 위한 가장 탄탄한 기초 강의입니다. 여러분은 이 강의를 통해 자바스크립트라는 언어를 이해하는 시작점이 될 것이고, 프론트엔드(Vue, React, Angular) 개발자, 서버(Node.js) 개발자가 되기 위한 기초를 완벽하게 준비할 수 있습니다.

초급

JavaScript, ES6, HTML/CSS

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

김태원

자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

입문

JavaScript, 코딩 테스트

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

제주코딩베이스캠프

제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

입문

HTML/CSS, JavaScript, Python

시나브로 자바스크립트

이은재

자바스크립트로 다양한 주제를 바닥부터 개발해 보며 튼튼한 실력의 기반과 자신감을 쌓아보세요.

중급이상

JavaScript, vanilla-js

Colini 웹개발 가이드

싸플

웹 개발 처음 시작하시는 분들을 위한 완전 기초 강의! HTML, CSS, Javascript, React 등 웹개발 기초를 쌓아보자!

입문

HTML/CSS, JavaScript, React

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

효빈 Hyobin

기본 문법부터 심화 개념까지 학습하면서, 바닐라 자바스크립트로 SPA를 개발해 봅시다🔥

초급

JavaScript, SPA, DOM

코딩 입문 - 하다 보니 알게 되는 자바스크립트

무파마

자바스크립트로 코딩 입문하기

입문

JavaScript

Do it! 자바스크립트 입문

이지스퍼블리싱

프런트엔드, 백엔드에 모두 쓰는 자바스크립트 실무 문법 웹 도서 1위 저자와 함께 한 권으로 끝내자!

초급

JavaScript, DOM

[코드캠프] 입문자를 위한 Javascript 알고리즘 이론+실습

코드캠프

너무나 어렵게만 느껴지는 알고리즘... 수학과 친하지 않은 수강생이라도 이 강의 하나로 알고리즘 기초를 한 번에 끝낼 수 있을 거예요! 알고리즘을 푸는 데 필요한 기초 개념을 차근차근 배우고, 더 나아가 문제에 적용하는 코드캠프의 노하우까지 싹 다 알려드릴게요 :)

초급

JavaScript

2022 30분 요약 강좌 시즌 1 : HTML, CSS, Linux, Bootstrap, Python, JS, jQuery&Ajax

제주코딩베이스캠프

이 강좌는 코딩을 처음 하시는 분들에게는 빠르게 훑을 수 있는 강의가 될 것입니다. 이미 코딩을 하시는 분들에게는 복습을 빠르게 할 수 있는 강의가 될 것입니다. 이 강의를 통해 자신감을 얻으셨으면 좋겠습니다.

입문

HTML/CSS, JavaScript, Python

앱 개발 입문을 위한 React Native 완벽 기초 클래스

정현우

앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

입문

JavaScript, React, Node.js

JavaScript 알고리즘 베스트 10

The Oreum

가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

중급이상

JavaScript, 코딩 테스트, 알고리즘

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

김영보

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

초급

JavaScript, 면접, 기술면접

게임으로 배우는 JavaScript

노마드크리에이터

게임프로그램을 직접 만들어보면서 자바스크립트의 기본과 실전능력을 키우는 강의입니다.

입문

JavaScript

무료

모던 자바스크립트 딥다이브 스터디

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

이런 걸 배울 수 있어요

함께 배우는 자바스크립트 💡

학습 내용

강의 주제

이런 분들께 추천해요 💡

이 강의는 이런 특징이 있어요 💡

지식공유자의 다른 강의가 궁금하다면? 💡

이런 분들께 추천드려요!

안녕하세요 정재남입니다.

커리큘럼

수강평

정재남님의 다른 강의

비슷한 강의

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

이런 분들께
추천드려요!

안녕하세요
정재남입니다.