프로그래밍 언어

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

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

(4.9) 수강평 28개

수강생 9,367명

정재남

JavaScript

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

이런 걸 배울 수 있어요

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

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

📢 알려드립니다

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

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

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

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

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

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

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

학습 내용

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

강의 주제

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

이런 분들께 추천해요 💡

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

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

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

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

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

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

Javascript ES6+ : 초급편
(클릭)

Javascript ES6+ : 중급편
(클릭)

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

선수 지식,
필요할까요?

자바스크립트 지식

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

31,126

명

수강생

632

개

수강평

386

개

답변

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분)

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

섹션 2.

0개

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

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

수강평

전체

28개

4.9

28개의 수강평

ladiescheong
2022. 01. 17.
∙
수강평 1
∙
평균 평점 5.0
5
27% 수강 후 작성
이 강의 때문에 파편화된 지식들이 구조화되는 느낌이 들었습니다. 마저 제 것으로 만들러 가야겠어요.
Lucyna
2025. 02. 26.
∙
수강평 4
∙
평균 평점 5.0
5
54% 수강 후 작성
혼자서 그냥 책으로만 보면서 하고있을땐 첨부터 끝까지 읽느라 되게 막막하고 부담스럽기도했는데, 핵심부분 설명 잘 해주시고 스피디하게 넘어가서 훨씬 완독 부담을 줄여주는 강의였습니다!
ggamjige8888
2025. 01. 09.
∙
수강평 8
∙
평균 평점 5.0
5
65% 수강 후 작성
rhkdtjd_12
2024. 03. 09.
∙
수강평 12
∙
평균 평점 5.0
5
100% 수강 후 작성
정재남선생님의 설명이 없었다면 이해하지 못할 파트들이 엄청 많았습니다. 예를들면 실행 컨텍스트 부분 같은경우에 책만 보다가는 잠들어 있는 나 자신을 보게 될것입니다.
쿠카이든
2024. 09. 19.
∙
수강평 321
∙
평균 평점 5.0
5
15% 수강 후 작성
모던 자바스크립트에 대해 많이 배워갑니다! 좋은 강의 감사드립니다

정재남님의 다른 강의

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

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

정재남

₩22,000

초급 / REST API, GraphQL, React

4.8

(36)

900+

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

초급

REST API, GraphQL, React

코어 자바스크립트

정재남

₩22,000

초급 / JavaScript

4.8

(287)

3,900+

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

초급

JavaScript

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

정재남

₩69,300

초급 / React, vanilla-js, ui, TypeScript, DOM

5.0

(6)

200+

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

초급

React, vanilla-js, ui

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

정재남

₩69,300

초급 / React, vanilla-js, ui, TypeScript, DOM

5.0

(17)

400+

초급

React, vanilla-js, ui

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

정재남

무료

입문 / React, JavaScript, react.js

5.0

(10)

5,100+

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

입문

React, JavaScript, react.js

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

정재남

₩22,000

초급 / React, GraphQL, Firebase

5.0

(13)

1,200+

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

초급

React, GraphQL, Firebase

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

정재남

무료

초급 / TypeScript

4.7

(22)

3,500+

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

초급

TypeScript

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

정재남

무료

초급 / ES6, JavaScript

4.8

(45)

3,400+

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

초급

ES6, JavaScript

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

정재남

₩49,500

중급이상 / JavaScript, ES6

4.8

(46)

900+

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

중급이상

JavaScript, ES6

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

정재남

₩35,200

초급 / JavaScript, ES6

4.9

(122)

1,600+

초급

JavaScript, ES6

비슷한 강의

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

코어 자바스크립트

정재남

₩22,000

초급 / JavaScript

4.8

(287)

3,900+

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

초급

JavaScript

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

김태원

₩77,000

입문 / JavaScript, 코딩 테스트

4.8

(174)

4,600+

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

입문

JavaScript, 코딩 테스트

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

무파마

무료

입문 / JavaScript

4.8

(112)

2,000+

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

입문

JavaScript

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

효빈 Hyobin

₩35,200

초급 / JavaScript, SPA, DOM, REST API

4.9

(25)

400+

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

초급

JavaScript, SPA, DOM

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

김영보

₩44,000

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

5.0

(12)

700+

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

초급

React, JavaScript, DOM

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

김영보

₩44,000

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

5.0

(3)

100+

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

초급

JavaScript, 면접, 기술면접