Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Programming Language

モダンJavaScriptディープダイブスタディ

《モダンJavaScriptディープダイブ》 本の内容をそのまま追いつくスタディ映像です。

（4.9）受講レビュー 33件

受講生 9,634名

  • jaenam
네카라쿠배
멘토링 ON
JavaScript

学習した受講者のレビュー

こんなことが学べます

  • Webフロントエンド基礎

  • JavaScriptの基本概念と動作原理

  • モダンなJavaScriptフレームワークとツールの理解

一人で寂しいなら時間差の勉強はどうですか？
一緒にいるモダンなJavaScriptスタディ

📢お知らせします

  • この講義は知識共有者が行ったモダンなJavaScriptディープダイブクイックスタディの録画分です。
  • モダンJavaScriptディープダイブクイックスタディは、「モダンJavaScriptディープダイブ」を一緒に読んで勉強する趣旨の集まりとして、知識共有者が本を読み、サンプルコードを実行し、参加者と一緒に解釈、推論、補足説明する方法で行われました。

一緒に学ぶJavaScript 💡

このレッスンには、「モダンJavaScriptディープダイブ」の本を読み、サンプルコードを実行する方法で行われたモダンJavaScriptディープダイブスタディの進行が含まれています。一緒にJavaScriptを勉強してください！

研究を聞いて一緒に
学ぶといつの間にか
厚い一冊がぴったり！

より簡単な進行
慎重に調整された
学習順序

研究に従う
見れば自然に
進むチャプターたち！

正しい理解のために
ガイドラインと方向性
提示します

学習内容

一緒に《モダンJavaScriptディープダイブ》のサンプルコードを実行/分析し、本文を非常に素早くスキミングします。この過程で既に知っている知識を軽く再確認し、それぞれの知識を修正/補完します。

講義のテーマ

JavaScriptの基本概念からコードの動作原理まで。
《モダンなJavaScriptディープダイブ》を通じて、静的で効率的なコードを書くことができる基本機を固めます。

こんな方におすすめですよ💡

  • 《モダンJavaScriptディープダイブ》を通じてJavaScriptを一緒に勉強したい方
  • JavaScriptを一人で学習するのが難しいと感じる人

この講義はこんな特徴があります💡

最新のJavaScript Deep Diveクイックスタディで募集
研究員と一緒に勉強した内容が入った講義です。

《モダンJavaScriptディープダイブ》を一緒に読んで
JavaScriptの理解を深める！

知識共有者の他の講義が気になったら？ 💡

コアJavaScript
 (クリック)

Javascript ES6+：初級編
(クリック)

Javascript ES6+ ：中級編
(クリック)

フルスタックリアクトトイプロジェクト（for FE開発者）
 (クリック)

こんな方に
おすすめです

学習対象は
誰でしょう？

  • JavaScriptを学びながら理解しにくい人

  • JavaScriptの独学進行速度が遅い方

前提知識、
必要でしょうか？

  • JavaScriptの知識

こんにちは
です。

32,352

受講生

671

受講レビュー

393

回答

4.8

講座評価

11

講座

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

저서: 코어 자바스크립트

유튜브 채널: FE재남

아티클 및 인터뷰 영상:

カリキュラム

全体

26件 ∙ (14時間 26分)

    講座掲載日: 
    最終更新日: 

    受講レビュー

    全体

    33件

    4.9

    33件の受講レビュー

    • rhkdtjd_12님의 프로필 이미지
      rhkdtjd_12

      受講レビュー 13

      ∙

      平均評価 5.0

      5

      100% 受講後に作成

      정재남선생님의 설명이 없었다면 이해하지 못할 파트들이 엄청 많았습니다. 예를들면 실행 컨텍스트 부분 같은경우에 책만 보다가는 잠들어 있는 나 자신을 보게 될것입니다.

      • ladiescheong님의 프로필 이미지
        ladiescheong

        受講レビュー 1

        ∙

        平均評価 5.0

        5

        27% 受講後に作成

        이 강의 때문에 파편화된 지식들이 구조화되는 느낌이 들었습니다. 마저 제 것으로 만들러 가야겠어요.

        • mnmhb64님의 프로필 이미지
          mnmhb64

          受講レビュー 13

          ∙

          平均評価 5.0

          5

          31% 受講後に作成

          • 세뇨르님의 프로필 이미지
            세뇨르

            受講レビュー 43

            ∙

            平均評価 5.0

            5

            31% 受講後に作成

            혼자하면 더 힘든 것을 같이 공부할 수 있어 좋습니다. 감사합니다.

            • soono991님의 프로필 이미지
              soono991

              受講レビュー 66

              ∙

              平均評価 5.0

              5

              100% 受講後に作成

              無料

              jaenamの他の講座

              知識共有者の他の講座を見てみましょう！

              [React / VanillaJS] UI 요소 직접 만들기 Part 1講義サムネイル

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

              정재남

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

              初級

              初級

              React, vanilla-js, ui

              [React / VanillaJS] UI 요소 직접 만들기 Part 1講義サムネイル

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

              정재남

              [React / VanillaJS] UI 요소 직접 만들기 Part 2講義サムネイル

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

              정재남

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

              初級

              初級

              React, vanilla-js, ui

              [React / VanillaJS] UI 요소 직접 만들기 Part 2講義サムネイル

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

              정재남

              풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기講義サムネイル

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

              정재남

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

              初級

              初級

              React, GraphQL, Firebase

              풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기講義サムネイル

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

              정재남

              코어 자바스크립트講義サムネイル

              코어 자바스크립트

              정재남

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

              初級

              初級

              JavaScript

              코어 자바스크립트講義サムネイル

              코어 자바스크립트

              정재남

              리액트 공식문서 함께 공부하기講義サムネイル

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

              정재남

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

              入門

              入門

              React, JavaScript, react.js

              리액트 공식문서 함께 공부하기講義サムネイル

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

              정재남

              이펙티브 타입스크립트 스터디講義サムネイル

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

              정재남

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

              初級

              初級

              TypeScript

              이펙티브 타입스크립트 스터디講義サムネイル

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

              정재남

              풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)講義サムネイル

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

              정재남

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

              初級

              初級

              REST API, GraphQL, React

              풀스택 리액트 토이프로젝트 - REST, GraphQL (for FE개발자)講義サムネイル

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

              정재남

              Javascript ES6+ 제대로 알아보기 - 보너스講義サムネイル

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

              정재남

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

              初級

              初級

              ES6, JavaScript

              Javascript ES6+ 제대로 알아보기 - 보너스講義サムネイル

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

              정재남

              Javascript ES6+ 제대로 알아보기 - 중급講義サムネイル

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

              정재남

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

              中級以上

              中級以上

              JavaScript, ES6

              Javascript ES6+ 제대로 알아보기 - 중급講義サムネイル

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

              정재남

              Javascript ES6+ 제대로 알아보기 - 초급講義サムネイル

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

              정재남

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

              初級

              初級

              JavaScript, ES6

              Javascript ES6+ 제대로 알아보기 - 초급講義サムネイル

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

              정재남

              似ている講座

              同じ分野の他の講座を見てみましょう！

              자바스크립트 Class로 떠나는 여행講義サムネイル

              자바스크립트 Class로 떠나는 여행

              The Oreum

              자바스크립트는 Class를 왜 사용할까? Class가 등장하기 이전에는 어떻게 객체지향프로그래밍을 구현했을까? 자바스크립트를 공부하다보면 한번쯤 가져볼만한 문제에 대한 해답을 찾아 가벼운 여행을 떠나봅니다.

              初級

              初級

              JavaScript, 객체지향, frontend

              자바스크립트 Class로 떠나는 여행講義サムネイル

              자바스크립트 Class로 떠나는 여행

              The Oreum

              자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)講義サムネイル

              자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

              Kyo

              자바스크립트로 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 자료구조와 알고리즘을 직접 구현하며 학습합니다. 자주 출제되는 문제 유형을 함께 풀이하며, 코딩 테스트와 면접에 꼭 필요한 문제 해결 능력까지 키울 수 있습니다.

              初級

              初級

              JavaScript, 알고리즘, data-structure

              자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)講義サムネイル

              자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

              Kyo

              왕 초보 자바스크립트講義サムネイル

              왕 초보 자바스크립트

              코딩앙마

              이 수업은 기초 자바스크립트 수업으로, 자바스크립트를 모르는 "완전 초보자"를 대상으로 진행합니다.

              入門

              入門

              JavaScript

              왕 초보 자바스크립트講義サムネイル

              왕 초보 자바스크립트

              코딩앙마

              생활코딩 - 자바스크립트(JavaScript) 기본講義サムネイル

              생활코딩 - 자바스크립트(JavaScript) 기본

              Egoing Lee

              생활코딩의 자바스크립트 언어 기본 수업입니다. 기본 문법을 통한 자바스크립트 기본에 대해 배울 수 있습니다.

              入門

              入門

              JavaScript

              생활코딩 - 자바스크립트(JavaScript) 기본講義サムネイル

              생활코딩 - 자바스크립트(JavaScript) 기본

              Egoing Lee

              시나브로 자바스크립트講義サムネイル

              시나브로 자바스크립트

              이은재

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

              中級以上

              中級以上

              JavaScript, vanilla-js

              시나브로 자바스크립트講義サムネイル

              시나브로 자바스크립트

              이은재

              Do it! 자바스크립트 입문講義サムネイル

              Do it! 자바스크립트 입문

              이지스퍼블리싱

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

              初級

              初級

              JavaScript, DOM

              Do it! 자바스크립트 입문講義サムネイル

              Do it! 자바스크립트 입문

              이지스퍼블리싱

              JavaScript 알고리즘 베스트 10講義サムネイル

              JavaScript 알고리즘 베스트 10

              The Oreum

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

              中級以上

              中級以上

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

              JavaScript 알고리즘 베스트 10講義サムネイル

              JavaScript 알고리즘 베스트 10

              The Oreum

              클린업 JavaScript: 베이스 빌드업!講義サムネイル

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

              김영보

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

              初級

              初級

              JavaScript, 면접, 기술면접

              클린업 JavaScript: 베이스 빌드업!講義サムネイル

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

              김영보

              실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발講義サムネイル

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

              김정환

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

              初級

              初級

              JavaScript, Vue.js

              실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발講義サムネイル

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

              김정환

              빠르게 알아보는 Javascript V8엔진講義サムネイル

              빠르게 알아보는 Javascript V8엔진

              하정훈

              JavaScript엔진인 V8에 대해 이해할 수 있습니다! 좀 더 효율적인 코드작성법에 대한 힌트를 얻을 수 있습니다.

              初級

              初級

              JavaScript, Node.js, v8

              빠르게 알아보는 Javascript V8엔진講義サムネイル

              빠르게 알아보는 Javascript V8엔진

              하정훈

              코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)講義サムネイル

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

              제주코딩베이스캠프

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

              入門

              入門

              Django, Bootstrap, HTML/CSS

              코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)講義サムネイル

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

              제주코딩베이스캠프

              자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)講義サムネイル

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

              김태원

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

              入門

              入門

              JavaScript, 코딩 테스트

              자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)講義サムネイル

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

              김태원

              앱 개발 입문을 위한 React Native 완벽 기초 클래스講義サムネイル

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

              정현우

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

              入門

              入門

              JavaScript, React, Node.js

              앱 개발 입문을 위한 React Native 완벽 기초 클래스講義サムネイル

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

              정현우

              게임으로 배우는 JavaScript講義サムネイル

              게임으로 배우는 JavaScript

              노마드크리에이터

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

              入門

              入門

              JavaScript

              게임으로 배우는 JavaScript講義サムネイル

              게임으로 배우는 JavaScript

              노마드크리에이터

              피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)講義サムネイル

              피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

              유용한IT학습

              앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

              入門

              入門

              HTML/CSS, JavaScript

              피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)講義サムネイル

              피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

              유용한IT학습