개발 · 프로그래밍

프로그래밍 언어

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

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

(4.9) 수강평 32개

수강생 9,529명

정재남

JavaScript

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

이런 걸 배울 수 있어요

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

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

📢 알려드립니다

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

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

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

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

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

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

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

학습 내용

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

강의 주제

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

이런 분들께 추천해요 💡

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

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

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

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

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

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

Javascript ES6+ : 초급편
(클릭)

Javascript ES6+ : 중급편
(클릭)

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

선수 지식,
필요할까요?

자바스크립트 지식

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

31,851

명

수강생

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개의 수강평

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

정재남님의 다른 강의

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

코어 자바스크립트

정재남

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

초급

JavaScript

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

정재남

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

초급

React, GraphQL, Firebase

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

정재남

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

초급

React, vanilla-js, ui

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

정재남

초급

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

비슷한 강의

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

ES6 문법과 함께하는 모던 Javascript(자바스크립트) 고급 Part.1

유용한IT학습

자바스크립트 프로그래밍 언어를 최신의 ES6 문법과 함께 학습하도록 기획된 과정입니다.

중급이상

JavaScript, ES6

자바스크립트 : 기초부터 실전까지 올인원

코딩알려주는누나

자바스크립트 기초강의, 응용강의, 포트폴리오 전용강의 따로따로 찾아 볼게 아니라, 강의하나로 자바스크립트 기초부터 현업이 쓰는 다양한 응용 기술, 포트폴리오 까지 다 끝내고 싶으신 분들을 위한 강의입니다.

초급

JavaScript, HTML/CSS

실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

김정환

순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

초급

JavaScript, Vue.js

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

김태원

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

입문

JavaScript, 코딩 테스트

제대로 배우는 JavaScript: 초보자부터 실무자까지 완벽 정복 Part1 - [기초편]

nhcodingstudio

이 강의를 통해 수강생은 개발 환경 설정부터 변수, 조건문, 함수, 객체, 배열 등 JavaScript의 기초와 심화 개념을 폭넓게 학습합니다. 실습과 퀴즈로 꼼꼼히 복습하여, 웹·모바일 실무에 바로 적용 가능한 문제 해결 능력을 갖출 수 있습니다.

입문

JavaScript, HTML/CSS, 웹앱

쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1

호눅스

개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관 코드스쿼드에서 진행하는 코드스쿼드 마스터즈 코스 레벨1 입니다. Javascript 입문 과정으로서 직접 프로그래밍을 구현을 통해서 코딩의 기초 개념을 배우는것을 목표로 하고 있습니다.

입문

JavaScript

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

효빈 Hyobin

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

초급

JavaScript, SPA, DOM

웹 프론트엔드를 위한 자바스크립트 첫걸음

효빈 Hyobin

웹 프론트엔드 개발자를 희망한다면? 친절하고 꼼꼼한 자바스크립트 강의로 첫걸음을 내딛어보세요✨

입문

JavaScript, DOM

Cursor AI로 만들면서 배우는 Web & Javascript

주말코딩

나만의 기술을 가지고 싶으신 분, 웹 개발을 차근차근 배워보고 싶으신 분에게 추천드립니다. 웹 브라우저와 언어의 역사부터 가르쳐드립니다.

입문

CursorAI, JavaScript, HTML/CSS

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

제주코딩베이스캠프

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

입문

Django, Bootstrap, HTML/CSS

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

코드캠프

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

초급

JavaScript

게임으로 배우는 JavaScript

노마드크리에이터

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

입문

JavaScript

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

김영보

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

초급

JavaScript, 면접, 기술면접

JavaScript 알고리즘 베스트 10

The Oreum

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

중급이상

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

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

정현우

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

입문

JavaScript, React, Node.js

무료

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

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

이런 걸 배울 수 있어요

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

학습 내용

강의 주제

이런 분들께 추천해요 💡

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

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

이런 분들께 추천드려요!

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

커리큘럼

수강평

정재남님의 다른 강의

비슷한 강의

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

이런 분들께
추천드려요!

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