인프런 영문 브랜드 로고
인프런 영문 브랜드 로고
NEW
개발 · 프로그래밍

/

프론트엔드

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

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

23명 이 수강하고 있어요.

Thumbnail

초급자를 위해 준비한
[백엔드, JavaScript] 강의입니다.

이런 걸
배워요!

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

  • 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 통신을 실무에서 다루고 싶으신 분

선수 지식,
필요할까요?

  • 자바스크립트 기본 문법

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

수강생 수

89,568

수강평 수

2,018

강의 평점

4.8

강의 수

69

소개 이미지.png.webp

 

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

제주코딩베이스캠프란?

 

 

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

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


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

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

 


 

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

제코베 로드맵.png.webp

 

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

 

- 1.png.webp

 

커리큘럼

전체

8개 ∙ (1시간 8분)

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

수강평

아직 충분한 평가를 받지 못한 강의입니다.
모두에게 도움이 되는 수강평의 주인공이 되어주세요!