강의

멘토링

커뮤니티

개발 · 프로그래밍

/

프론트엔드

떠먹는 자바스크립트 비동기

자바스크립트 동기/비동기 개념부터 Promise, async/await 등 최신 문법을 담은 비동기 처리 방식과 실전 HTTP 통신까지 체계적으로 학습하는 강의입니다.

(5.0) 수강평 7개

수강생 122명

난이도 초급

수강기한 무제한

먼저 경험한 수강생들의 후기

먼저 경험한 수강생들의 후기

5.0

5.0

정조윤

100% 수강 후 작성

저에게는 callback부터 async-await까지 다다르게 된 과정의 강의가 킥이었습니다. 제주코딩베이스캠프님, 생존하셨습니다. 축하 드립니다.

5.0

monkey-k 777

100% 수강 후 작성

좋은 강의 잘 들었습니다.

5.0

LuckyStrike

38% 수강 후 작성

강의 잘 듣고있습니다:)

수강 후 이런걸 얻을 수 있어요

  • 자바스크립트 엔진의 동작 원리와 런타임 환경

  • Promise, async/await를 이용한 비동기 프로그래밍

  • Fetch API를 활용한 실전 HTTP 통신

  • 비동기 코드의 에러 처리

프론트엔드 개발자를 위한 <떠먹는 자바스크립트 비동기>

1⃣ 비동기 프로그래밍 완벽 이해

자바스크립트의 동작 원리가 궁금하신가요? 비동기에 대해 배워보고 싶으신가요? 비동기 동작 원리부터 비동기 제어, 비동기 통신까지 비동기 프로그래밍의 전반을 학습하실 수 있습니다.

  • 자바스크립트 엔진의 동작 원리 이해

  • Web API, 콜백 큐, 이벤트 루프의 상호작용 학습

  • 코드의 실행 순서를 시각적으로 배우는 비동기의 개념

2⃣ 실무에 강한 프론트엔드 개발자로 성장

실무에서 자주 사용되는 비동기 제어 패턴과 실전 API 통신을 이해할 수 있습니다.

  • 콜백 함수의 한계와 Promise를 통한 해결

  • Promise의 상태(pending, fulfilled, rejected) 관리

  • async/await를 활용한 직관적인 비동기 제어

  • fetch API를 통한 실전 HTTP 통신 구현

3⃣ 기술 면접 단골 질문 완벽 답변

면접 단골 질문인 "자바스크립트의 비동기 처리 방식에 대해 설명해주세요", 이 질문에 자신있게 답변하세요!

  • 자바스크립트 런타임 환경의 동작 방식 설명

  • 마이크로태스크 큐와 매크로태스크 큐의 우선순위 이해

  • Promise와 콜백 함수의 차이점 및 장단점 파악

  • HTTP 상태 코드와 에러 처리 방법 숙지

이런 분들께 추천해요

  • 자바스크립트 기본기는 있지만 비동기 개념이 어려우신 분

  • 실무에서 API 통신을 다루는 프론트엔드 개발자

  • 기술 면접을 앞두고 비동기 개념을 탄탄히 다지고 싶으신 분


수강 후에는

자바스크립트 엔진과 런타임의 동작 원리를 명확하게 이해하고 설명할 수 있습니다.

콜백부터 Promise, async/await까지 상황에 맞는 비동기 처리 방식을 선택할 수 있습니다.

HTTP 통신의 흐름을 이해하고 실전 API를 구현할 수 있습니다.

이 강의의 특징

핵심 특징과 차별점을 소개해보세요.

📚 체계적인 커리 큘럼

  • 자바스크립트 엔진의 구조와 동작 원리

  • 비동기 처리 방식의 발전 과정과 특징

💻 단계별 실습

  • 코드와 그림으로 알아보는 비동기 동작 원리

  • 다양한 비동기 처리 코드 실습

🎯 실무 중심 커리큘럼

  • 최신 Fetch API를 통한 통신


  • 실전 API 연동을 통한 데이터 처리 실습
    * 교육용 api 서비스를 제공합니다

이런 내용을 배워요

1장. 동기와 비동기

  • 동기/비동기 프로그래밍 개념

  • 자바스크립트 엔진의 구조와 동작 원리

  • 런타임에서 콜 스택과 이벤트 루프의 관계

2장. 비동기 제어

  • 콜백 함수와 콜백 지옥

  • Promise를 이용한 비동기 제어

  • async/await를 통한 최신 비동기 제어

3장. 비동기 통신과 실습

  • HTTP 통신의 개념

  • AJAX의 이해와 Fetch API

  • Fetch API를 활용한 데이터 통신

  • 실전 API 연동 프로젝트

    • 위니브의 교육용 API 서비스를 활용합니다.


수강 전 참고 사항

실습 환경

  • 강의는 macOS 환경에서 진행되지만 운영 체제에 관계없이 수강하실 수 있습니다.

  • 사용 도구: Visual Studio Code, Chrome 브라우저

학습 자료

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 자바스크립트의 비동기 처리 개념을 확실히 알고 싶으신 분

  • 깔끔한 비동기 코드를 작성하고 싶으신 분

  • 웹 API 통신을 실무에서 다루고 싶으신 분

선수 지식,
필요할까요?

  • 자바스크립트 기본 문법

안녕하세요
입니다.

105,615

수강생

2,777

수강평

163

답변

4.8

강의 평점

80

강의

소개 이미지.png.webp

 

🧙‍♂ 안녕하세요. 제주코딩베이스캠프입니다.

제주코딩베이스캠프란?

 

 

제주에서 가장 핫한 개발자들이 모여 작당한 부트캠프! 열정있는 청년들에게 열정만큼 성장할 수 있는 기회를 제공합니다!

제주코딩베이스캠프는 제주에서 가장 큰 ICT 교육 행사로 카카오, 구름, 제주산학융합원 등 기업 지자체와 함께 진행하고 있습니다.


서비스 구축 성공
경험을 통해 이 취업난 시대에 자신감, 자존감, 성취감, 그리고 자립할 수 있는 능력을 배양해 보세요!

으라차차 청춘 화이팅입니다! 😀

 


 

︎ 제주코딩베이스캠프 로드맵

제코베 로드맵.png.webp

 

︎ 제주코딩베이스캠프 수료증 제도

 

- 1.png.webp

 

커리큘럼

전체

8개 ∙ (1시간 8분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

7개

5.0

7개의 수강평

  • 정조윤님의 프로필 이미지
    정조윤

    수강평 9

    평균 평점 5.0

    5

    100% 수강 후 작성

    저에게는 callback부터 async-await까지 다다르게 된 과정의 강의가 킥이었습니다. 제주코딩베이스캠프님, 생존하셨습니다. 축하 드립니다.

    • Estados Unidos님의 프로필 이미지
      Estados Unidos

      수강평 40

      평균 평점 4.9

      5

      63% 수강 후 작성

      • monkey-k 777님의 프로필 이미지
        monkey-k 777

        수강평 37

        평균 평점 5.0

        5

        100% 수강 후 작성

        좋은 강의 잘 들었습니다.

        • LuckyStrike님의 프로필 이미지
          LuckyStrike

          수강평 21

          평균 평점 5.0

          5

          38% 수강 후 작성

          강의 잘 듣고있습니다:)

          • gunho.lee님의 프로필 이미지
            gunho.lee

            수강평 6

            평균 평점 5.0

            5

            38% 수강 후 작성

            ₩11,000

            제주코딩베이스캠프님의 다른 강의

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

            비슷한 강의

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