Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

JavaScript 非同期プログラミング完全ガイド - Promise, await, async

非同期プログラミングはJavaScriptの重要な概念です。

  • drajin
동시성
JavaScript
Node.js
promise
async-await

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

こんなことが学べます

  • JavaScript 非同期プログラミング

  • Promise オブジェクトの使用

  • await、asyncキーワードを使う

  • 並行性プログラミング

JavaScriptのプログラミングをより強力に!
非同期プログラミングのためのコアアシスタント📖

今JavaScript(JavaScript)
非同期プログラミングを学ぶ理由!

イベント方式の言語、JavaScript

JavaScriptは、ブラウザに動的な機能を付与するために作成されたイベント方式のプログラミング言語です。 JavaScriptプログラムは、ブラウザまたはNode.jsシステムによって提供されるAPIを使用してCallback(コールバック)関数でイベントを処理します。したがって、JavaScriptでアプリケーションを開発するには、非同期プログラミングについて完全に知っておく必要があります。

2015年のES6に含まれるPromiseオブジェクト、およびES2017に含まれるawait、asyncキーワードは、非同期的に実行される関数を簡単に必要に応じて同期的に実行するようにプログラムする方法を提供します。

JavaScript(JavaScript)コードでPromiseオブジェクトやawait、asyncキーワードを書いたことがありますか?まだJavaScriptの開発を始める段階であれば、よく知らないか見知らぬ感じになります。もちろん、すでに多くのモジュールでawait、asyncキーワードを提供していて、使ってみた方もいるでしょう。

非同期プログラミングはどのように行われますか? 🤔

以下の2つのプログラムがどのように動作するのか、どのような結果を出力するのか気になるなら、このレッスンを聞くだけです!

このレッスンでは、Callback関数から始めて、Promiseオブジェクトとawait、asyncキーワードの意味と使い方を一つずつ次々と説明します。
JavaScriptの非同期プログラミング、これ以上混乱しないようにします


JavaScript非同期プログラミングの
最初から最後まで完璧な説明

💡 JavaScriptの基礎を学んだ方を対象とした講義です。基本的な知識は別に説明しない。 (変数、関数、if文、繰り返し文など)

セクション1-1

JavaScriptの歴史、誕生同期、非同期プログラミングの意味について説明します。ブラウザでCallback関数を登録し、ユーザーイベントを処理するプロセスについて学びます。

セクション1-2

Node.js(ノードjs)ベースのWebサーバーがどのように動作するかを説明します。また、Callback地獄のケースを一緒に学びます。

セクション1-3

Callbackを使用した非同期プログラミングについて説明します。

セクション1-4

Promiseオブジェクトを使用した非同期プログラミングについて学びます。

セクション1-5

await-asyncキーワードを使用した非同期プログラミングについて学びます。

セクション1-6

非同期関数を利用する並行性プログラミングについて学習します。

プログラミングのスキルを高めたい場合は、
受講生のための4つの学習のヒント

  • ✅まず実行してみて結果として理解しようとすると、実力が増えません。
  • ✅プログラムを読み、どのように動作するかを想像して結果を予測します。
  • ✅見て聞くだけでは学べません。
  • ✅好きなコードを書いてみてください。

💾実践環境ガイド

  • 練習はNode.js環境で行われます。最新バージョンをインストールすることをお勧めします。
  • IDEにはVisual Studio Codeを使用しますが、他のIDEを使用しても構いません。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptを学ぶ人

  • 非同期プログラムがどのように動作するのか混乱している人

  • Promise オブジェクトの使用に慣れていない人

  • await, async キーワードの使用に慣れていない人

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

  • JavaScript言語の基礎

こんにちは
です。

306

受講生

21

受講レビュー

10

回答

5.0

講座評価

3

講座

소프트웨어 아키텍트 & 교육가

현) 보이는소프트웨어연구소 대표(2016~현재)
  - 삼성전자 소프트웨어 아키텍트 양성 및 인증
  - 소프트웨어 구조 설계 및 평가 교육 / 컨설팅

중앙대학교 소프트웨어 대학 겸임 교수(2018~2022)
  - 기초 컴퓨터 프로그래밍 - C/C++, JavaScript, Python

삼성전자(2003~2016)

カリキュラム

全体

9件 ∙ (1時間 20分)

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

受講レビュー

全体

9件

5.0

9件の受講レビュー

  • 티라미수님의 프로필 이미지
    티라미수

    受講レビュー 16

    平均評価 5.0

    5

    100% 受講後に作成

    딱 제가 원하는 강의였어요. 브라우저 동작 과정을 자세히 알 수 있어서 좋아요ㅜㅜ 이해하는 흐름이 아직은 느리지만, 반복해서 보면서 익숙해진다면 긴 코드를 봐도 빠르게 흐름을 파악할 수 있을 것 같습니다 감사합니다.

    • 조찬호님의 프로필 이미지
      조찬호

      受講レビュー 9

      平均評価 4.9

      5

      67% 受講後に作成

      런타임이 짧아 교양 강의 듣는 것처럼 한번에 다 들었네요 :) 비동기에 대해 알고는 있고 프로젝트 할때 사용은 하고 있지만 제대로 이해는 못하고 있다 라고 생각하고 있었는데 이 강의는 그러한 부분을 차근차근 기초부터 잘 알려준거 같습니다. 자바스크립트 기초를 공부하고 비동기에 대해 제대로 알고싶은 분들이있다면 이 강의를 꼭 들어보면 좋을 거 같아요. 추가적으로 후속 강의로 비동기 프로그램을 실무에서 어떻게 사용하는지 간단한 예를 드는 방식의 강의가 나온다면 좋을 거 같아요. 강사님 목소리도 너무 좋으시고 만족하며 들었습니다. 감사합니다.

      • 드라진
        知識共有者

        첫번째 수강평이라 감격스럽네요^^ 이미 많은 Node.js 모듈이 promise 지원하고 있어서 안 쓰고 개발하기가 어렵지 않을까 싶습니다. 특히, DB 관련된 backend 개발을 한다면. Prisma (prisma.io)를 보시면 좋을 듯 싶습니다. https://playground.prisma.io/examples 에서 간단히 테스트 해 볼 수도 있습니다.

    • 이종운님의 프로필 이미지
      이종운

      受講レビュー 34

      平均評価 5.0

      5

      100% 受講後に作成

      Promise async 어려운 개념 쉽게 설명해주셔서 감사합니다

      • Yeonkor님의 프로필 이미지
        Yeonkor

        受講レビュー 3

        平均評価 5.0

        5

        100% 受講後に作成

        동시성 개념 알기에 좋아요 !

        • aa aa님의 프로필 이미지
          aa aa

          受講レビュー 5

          平均評価 5.0

          5

          100% 受講後に作成

          프로미스 관련해서 헷갈리는 점이 많았는데 궁금증이 많이 풀렸습니다!

          ¥2,666

          drajinの他の講座

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

          似ている講座

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