개발 · 프로그래밍

/

프로그래밍 언어

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

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

(4.9) 수강평 28개

수강생 9,367명

정재남

thumbnail background

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

이런 걸 배울 수 있어요

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

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

📢 알려드립니다

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

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

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

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

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

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

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

학습 내용

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

강의 주제

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

이런 분들께 추천해요 💡

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

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

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

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

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

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

Javascript ES6+ : 초급편
(클릭)

Javascript ES6+ : 중급편
(클릭)

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

이런 분들께
추천드려요!

학습 대상은
누구일까요?

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

선수 지식,
필요할까요?

자바스크립트 지식

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

31,126

명

수강생

632

개

수강평

386

개

답변

4.9

점

강의 평점

11

개

강의

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

저서: 코어 자바스크립트

유튜브 채널: 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개의 수강평

정재남님의 다른 강의

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

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

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

정재남

₩22,000

초급 / REST API, GraphQL, React

4.8

(36)

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

초급

REST API, GraphQL, React

코어 자바스크립트강의 썸네일

코어 자바스크립트

정재남

₩22,000

초급 / JavaScript

4.8

(287)

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

초급

JavaScript

[React / VanillaJS] UI 요소 직접 만들기 Part 2강의 썸네일

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

정재남

₩69,300

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

5.0

(6)

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

초급

React, vanilla-js, ui

[React / VanillaJS] UI 요소 직접 만들기 Part 1강의 썸네일

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

정재남

₩69,300

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

5.0

(17)

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

초급

React, vanilla-js, ui

리액트 공식문서 함께 공부하기강의 썸네일

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

정재남

무료

입문 / React, JavaScript, react.js

5.0

(10)

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

입문

React, JavaScript, react.js

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

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

정재남

₩22,000

초급 / React, GraphQL, Firebase

5.0

(13)

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

초급

React, GraphQL, Firebase

이펙티브 타입스크립트 스터디강의 썸네일

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

정재남

무료

초급 / TypeScript

4.7

(22)

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

초급

TypeScript

Javascript ES6+ 제대로 알아보기 - 보너스강의 썸네일

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

정재남

무료

초급 / ES6, JavaScript

4.8

(45)

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

초급

ES6, JavaScript

Javascript ES6+ 제대로 알아보기 - 중급강의 썸네일

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

정재남

₩49,500

중급이상 / JavaScript, ES6

4.8

(46)

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

중급이상

중급이상

JavaScript, ES6

Javascript ES6+ 제대로 알아보기 - 초급강의 썸네일

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

정재남

₩35,200

초급 / JavaScript, ES6

4.9

(122)

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

초급

JavaScript, ES6

비슷한 강의

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

코어 자바스크립트강의 썸네일

코어 자바스크립트

정재남

₩22,000

초급 / JavaScript

4.8

(287)

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

초급

JavaScript

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

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

김태원

₩77,000

입문 / JavaScript, 코딩 테스트

4.8

(174)

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

입문

JavaScript, 코딩 테스트

코딩 입문 - 하다 보니 알게 되는 자바스크립트강의 썸네일

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

무파마

무료

입문 / JavaScript

4.8

(112)

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

입문

JavaScript

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

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

효빈 Hyobin

₩35,200

초급 / JavaScript, SPA, DOM, REST API

4.9

(25)

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

초급

JavaScript, SPA, DOM

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

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

김영보

₩44,000

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

5.0

(12)

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

초급

React, JavaScript, DOM

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

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

김영보

₩44,000

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

5.0

(3)

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

초급

JavaScript, 면접, 기술면접

웹 프론트엔드를 위한 자바스크립트 첫걸음강의 썸네일

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

효빈 Hyobin

₩33,000

입문 / JavaScript, DOM

4.9

(61)

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

입문

JavaScript, DOM

Do it! 자바스크립트 입문강의 썸네일

Do it! 자바스크립트 입문

이지스퍼블리싱

무료

초급 / JavaScript, DOM

4.8

(6)

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

초급

JavaScript, DOM

게임으로 배우는 JavaScript강의 썸네일

게임으로 배우는 JavaScript

노마드크리에이터

무료

입문 / JavaScript

4.9

(15)

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

입문

JavaScript

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

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

코드캠프

무료

초급 / JavaScript

4.8

(20)

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

초급

JavaScript

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

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

제주코딩베이스캠프

₩99,000

입문 / JavaScript, Python, Django, Bootstrap, Git, HTML/CSS, jQuery, Linux

4.7

(52)

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

입문

JavaScript, Python, Django

JavaScript 알고리즘 베스트 10강의 썸네일

JavaScript 알고리즘 베스트 10

The Oreum

₩27,500

중급이상 / JavaScript, 코딩 테스트, 알고리즘

4.6

(12)

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

중급이상

중급이상

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

무료