러닝패스

자바스크립트 비동기 프로그래밍

멤버십
시리즈
⚡ 1.5시간이면 이런걸 할 수 있어요!
자바스크립트로 비동기 프로그래밍을 하기 위해 필요한 문법 같은 지엽적인 부분부터 연관된 관련 지식, 개념들을 통틀어 빠르게 배워봅니다.
비동기 프로그래밍이 무엇인지 재밌는 애니메이션을 토대로 알아봅니다.
자바스크립트에서 비동기 프로그래밍을 하는 방법에 대해 배웁니다.(setTimeout, event handler, fetch)
콜백함수의 개념과 비동기 프로그래밍과의 관계성에 대해 알아봅니다.
예외처리가 무엇인지 알아보며 비동기 프로그래밍을 예외처리하는 여러 기법을 배워봅니다.
학습 시간을 줄였어요!
1.5시간
핵심 콘텐츠만 선별했어요!
17개 콘텐츠
이 분들은 꼭 보세요.
JS로 비동기 프로그래밍 하는 법을 배우고 싶은 사람
미리 알고 있어야 해요.
JS 기초지식
이 러닝패스가 어떠신가요?
(내 보관함에서 다시 볼 수 있어요)
자바스크립트에만 존재하는 개념은 아니지만 자바스크립트를 배울 때 제일 헷갈리는 개념이라고도 할 수 있는 비동기 프로그래밍입니다. 정확히 이해하지 않고 then, async, await을 덕지 덕지 붙여가며 일단 돌아가는 코드를 보며 만족하고 넘어갔었던 경우는 없으신가요? 저 또한 비슷한 경험이 있는데요, 결국 기능을 추가하거나 변경하게 되면서 다시 짜게 되더라고요. 자바스크립트에서뿐만 아니라 리액트에서도 코드를 짤 때 비동기 개념은 빠질 수 없는 요소이므로 혹시 해당 부분에 대한 핵심 개념이 부족하신 분들께서는 이 기회에 다시 훑고 지나가시길 추천드립니다.
NOTE
비동기에 대한 이해도가 부족하신분들이라면 비동기에 대한 개념부터 이해하고 갈까요? 인기 유튜버 얄코님이 재미난 애니메이션과 스토리로 비동기 프로그래밍에 대한 설명을 하신 영상이 있는데요, 이 영상을 토대로 쉽고 재밌게 비동기에 대한 개념을 파악해보겠습니다. 😄
Video
[병맛코딩만화] 비동기 프로그래밍이 뭔가요?
출처: https://youtu.be/m0icCqHY39U
서원석 님의 학습노트
위에서 비동기에 대한 개념을 설명할 때 집안일을 예시로 들었는데요, '세탁기', '식기 세척기', '물에 쌀 불리기'의 공통점은 진행되는 중에는 사람이 계속 관여할 필요가 없다는 것입니다. 단지 동작이 완료됐다는 알림음 혹은 미리 정해놓은 시간이 지남을 인지하고 그때서야 사람이 마무리 작업을 하게되죠. 생각해보세요, 오래 걸리는 작업에 대해 그 앞에 서서 시간을 죽이고 있는 것을...! 상상만해도 시간이 아깝죠? 그 시간에 생산적인 일을 하거나 여가 시간을 보낼 수 있으니까요! 저희의 친구 자바스크립트도 마찬가지일겁니다. 자바스크립트에게도 저희로 치면 세탁기, 식기세척기 같은 자신의 작업을 도와주는 친구들이 있어요. 그 친구들에게 일을 맡겨놓고 자신은 다른 할 일을 할 줄 아는 아주 똑똑한 친구거든요. 그렇다면 아래 세 개의 콘텐츠로 자바스크립트의 친구들, 친구들에게 일을 부여하는 법(관련 함수), 자바스크립트와 친구들이 상호작용하는 방식을 알아볼까요?
서원석님의 멤버십 전용 콘텐츠에요.
지금 가입하고 큐레이터의 꿀팁을 확인하세요!
멤버십 가입하기
이미 멤버십 회원이라면 로그인하세요.
👋 다양한 인사이트를 읽어보고 계신가요?
나만의 학습 기록을 남기고, 관리하고 싶다면!
다양한 전문가의 멤버십 전용 콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고, 수익을 올리고 싶다면!
3초 회원가입/로그인으로, 런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기