자바스크립트 13. 비동기의 꽃 JavaScript async 와 await 그리고 유용한 Promise APIs | 프론트엔드 개발자 입문편 (JavaScript ES6)
Vložit
- čas přidán 24. 06. 2020
- 자바스크립트 비동기의 꽃 async와 await에 대해 정확하게 이해하고, 지난 시간에 배운 프로미스와 비교해서 재밌게 이해하는 시간을 가져볼께요 ❤️ (↙ 자세한 내용)
___________________________
🔥2022 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의: academy.dream-coding.com/cour...
아카데미에서 조금더 체계적으로 배워보세요 ✨
📒 강의 노트 & 자주 나오는 질문: github.com/dream-ellie/learn-...
💡 풀스택 개발 로드맵 ⇢ academy.dream-coding.com/page...
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
academy.dream-coding.com/
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
• 프론트엔드 강의 - 프론트엔드 개발자 되...
📒 자바스크립트 기초 강의 영상 목록:
• 자바스크립트 기초 강의 (ES5+): 같...
💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
• 개발자라면 누구나 알고 있으면 좋은 지식 💡
💰 개발자 경력 관리 영상 목록:
• 승승장구 커리어 관리 🚀
📈 IT 트렌드
• IT 트렌드 📈
📷 개발자 브이로그
• 개발자 브이로그 📷
🤗 생산력 향상 팁
• Tech & Tools ❤️
.....................................................
#자바스크립트#프론트엔드#백엔드 - Věda a technologie
🔥2022년 새로운 자바스크립트 마스터리 (ES6+ 최신문법) 강의가 런칭 되었어요. 유튜브보다 체계적으로 꼼꼼하게 기본&고급 내용 전부 배워보고 싶으시다면 → academy.dream-coding.com/courses/javascript
📒 강의 노트 & 자주 나오는 질문: github.com/dream-ellie/learn-javascript
안녕하세요 드림코더님! 드디어 비동기 마지막편이예요 🎉 지금 회사에서 맡고 있는 프로젝트가 갑자기 급 최상위 우선순위로 올라가서 정신없는 한주를 보내고 있어요.
그리고 프론트엔드라면 꼭 알아야 하는 브라우저 + 미니프로젝트 3개 강의(귀여운 게임 하나 포함)를 준비 하고 있어요 ❤️ (아 진짜 내용 제가 봐도 너무 좋은거 같아욬ㅋㅋㅋ)
좋은 강의와 함께 그리고 미니게임편과 함께 또 찾아뵐께요 🙌 꼭 복습하고 있기예요 👍
기대하겠습니다~!
맞아요 너무 좋아요 ㅜㅜ 감사합니다😍😍
저 부트캠프 준비하면서 학원다니고 있는데 엘리님 강의 정말 도움 많이 되요 ㅜㅜ 좋은 강의 감사합니다!!
엘리선생님 강의 감사히 잘 들었습니다. 새해에도 건강하시고 복 많이 받으세요~
엘리언니, 너무 깔끔하게 설명해주시네요... 진짜 좋아용
좋은 강의 덕분에 Promise, async, await를 쉽게 이해할 수 있었습니다. 정말 감사드립니다.
처음에는 영상을 봐도 잘 이해가 안돼서 괴로웠는데 포기하지 않고 영상을 몇번씩 보고 코드도 따라 쓰면서 공부하니까 이제 100% 이해가 되네요 😊
엘리님 덕분에 이전에는 잘 이해가 안됐던 함수나 promise도 이제는 다 이해할 수 있어요. 정말 감사합니다!!
지금 엘리님의 타입스크립트 강의를 듣고 있는데 객체지향 부분이 너무너무 어려워서 정말 머리가 아프지만 포기하지 않으면 언젠가 이해할 수 있는 날이 오겠죠..? 😥
우와 드디어 HTML, CSS, HTML+CSS, JS 1~13강 까지 다 들었네요.
생각보다 오래 걸렸지만 강의를 잘하시니 그래도 여기까지 올 수 있었네요!
감사합니다!!!
게임기다리면서 복습을 하고 있겠습니다 이해는 가나 직접 짜보라면 무진장 어렵네요 ㅎㅎ 감사합니다
저는 C# 개발자인데 회사에서 리액트 프로젝트를 같이 진행하게 되어 자바스크립트에 대한 기본을 이해하는데 정말 많은 도움이 되었습니다. 진심으로 감사드립니다!!
11편부터 13편까지 달렸네요... ! 시리즈로 엮여있으니 흐름 끊기면 안될 것 같아 끊김 없이 들었습니다. 강의 감사해요!
엘리쌤!!! 어쩜 이렇게 이해가 쏙쏙 되도록 말을 재밌고 쉽게 잘하시나요~! 😍
리액트도 엘리쌤이 강의해주는 그 날까지 존버할거예요 💚
본. 강의 중에 설명이 간결하면서도 제일 이해가 잘됐어요!! 정말 우연히 발견한 비디오인데 제 인생 첨으로 유튜브 댓글까지 남기고 싶을 정도에요!! 감사합니다 🙏
드디어 시리즈의 마지막이네요..! 정말정말 감사합니다😀 브라우저101도 시작했는데 너무너무 재밌게 공부하고 있습니다:)
정말 너무 잘 봤습니다!! 급하게 프로젝트에 들어가게 되었는데 엘리님의 강의가 큰 도움이 될 것 같습니다!! 정말 감사합니다!!!
프로젝트에서 문법때문에 막히는 일이 없었으면 좋겠어요 ❤️
여러번 반복해가면서 조금씩 느릿느릿 이해하고 있으니 오히려 역으로 이렇게 헷갈리는 개념을 쉽고 간결하게 설명해주기 위해서 엘리님이 얼마나 정성을 쏟으셨는지가 느껴져요 ㅠㅅㅠ 감사히 듣고 갑니다.
좋은 피드백 남겨 주셔서 정말 감사해요 🤩
자바스크립트 입문 영상(1~13) 완강했습니다..! 완전 처음 배우는 언어지만 조금씩 눈에 익히고 있어요, 앞으로 차근차근 알아가보겠습니다. 좋은 강의 감사합니다 ^^
이것만큼 promise, async, await 핵심만 짚는 강의는 못봤습니다.. 선배님 개쩔어요
이런 좋은 피드백 감사해요 ❤️
프로미스 듣고 넘어 왔어요 ㅎㅎ 13번째 영상도 감사 감사 감사합니다 엘리님!
와 강의내용 너무좋네요....강의 영상을 보면서 제가 현재 진행중인 프로젝트에서 궁금했던 부분에 스스로 답할 수 있었습니다 ^^
항상 훌륭한 강의 감사하게 보고 있습니다!! 구독자 2만명 돌파도 축하드립니다앙~ :)
축하 감사합니다 ❤️
오늘도 좋은 강의 즐겁게 들었습니다!!! 엘리 님의 강의 너무 재밌어요!!! ;)
1-13강까지 다 들었습니다! 10강부터 복습해야 할 것 같지만 ㅎㅎㅎ 좋은 강의 올려주셔서 정말 감사합니다!
결국 여기까지 왔네요!! 쉽고 재밌게 알려주셔서 감사합니다 :)
출첵 합니다! 몇일동안 1편부터 정주행합니다. 감사합니다!
와 금방 보셨네요 ❤️
잘보고 있습니다. 좋은 강의 감사드립니다 !
와~ 감사합니다
다음 영상도 너무 기대되네요 엘리님이 봐도 맘에들다니..
바로 따라갈수 있게 복습하고있겠습니다!! 👍
꺄아 꼭 복습하시기예요 ❤️
13강까지 수강 완료했습니다. 감사합니다~! ^^
강의를 보면서 같이 따라가다 보면 알겠다 싶다가도, 필기한 내용을 보면 이렇게 낯설 수가 없네요 ㅋㅋ
계속 복습해보겠습니다. 감사해요!
오늘로 자바스크립트 13강까지 다 들었네요 :D
이해하기 쉽게 잘 설명해주시구 항상 하나라두 더 알려주시려고 해주셔서 정말 감사합니다!
받는 그릇이 아직 작아서 다 담지는 못했지만 코딩공부 포기하지않고 끝까지 할 수 있게 도와주셔서 감사해요 🥰🙌
저 장담하건데, 그 그릇이 매일 매일 조금씩 커질꺼에요 :)
@@dream-coding 감사합니다 :^) 🙌
주말 잘 쉬고, 오늘도 출첵 해봅니다~!
설명 진짜 잘하신다ㅎㅎ
콜백 역사부터 설명 해주시니깐
쉽게 이해가 되네요
우와아.... 제가본 강의중에서 promise, async, await을 가장 간결하고 깔끔하게 설명해주는 강의네요👍👍
감사합니다 🙆♀️
목소리... 내용... 퀄리티... 역시 꾸준하시니깐 구독자도 급작스럽게 엄청 늘으셨네요!!
늘 엘리님을 보면서 자극받습니다. 감사합니다.
꾸준함이 키인거 같아요 :) 어떤것을 하던지요. 응원할께요 ❤️
갑자기 node.js 서버 할 일이 생겨서 예전에 쌓아둔 기억들을 끄집어내고 있는 중입니다ㅠㅠ
그 와중에 엘리님 강의 들으니 이해 쏙쏙이네용ㅎㅎㅎ 감사해요
정주행 완료~!!! 좋은 강의 진심으로 감사드립니다.
감사합니다 ❤️
1~13 수강완료! 몇번씩 다시보기도 하고 게으름도 좀 하다 보니 이제 강의 완료했네요. 추가 강의 4개 듣고(전애 봤지만 한번더 봐야할 것 같아요 ) 드림코딩 아카데미로 넘어갑니다. ^^
1 ~ 13 수강 완료 했네요 :) 마지막 병렬 await 처리는 지금 하고 있는 플젝에서 고민하던 부분인데 이렇게 답을 찾을 줄 몰랐네요... 너무 감사했습니다!!
늘 감사합니다. 정말 좋은 강의였어요!
출첵합니다~!!! 강의 퀄리티가 너무 좋은 것 같아요!! vscode extension 추천으로 유입됐는데 강의랑 vlog같은 것도 잘 보고있습니다 ㅎㅎ
목소리가 좋아서 강의가 쏙쏙 귀에 들어옵니다^^
항상 헷갈렸는데 비동기 강의 3개로 확실히 이해했습니다. 좋은 영상 만들어 주셔서 감사합니다.
강의를 최소 3번씩은 듣게 되는데,,, 참 들을때마다 새롭네요~ 강의 감사합니다. 숙제는 지금부터 고민해봐야겠어요ㅋㅋㅋ
강의 감사합니다..!
비동기부터 익숙하지 않은 개념이라 어려웠는데 전반적인 내용은 알게되었어요!
와우 ~~ 마음 담긴 강의 감사합니당 ㅎㅎ
제 마음을 알아 주셔서 감사합니다 ❤️
감사합니다. 오늘도 열심히 공부했네요
일, 운동하고 공부하면 12시가 넘어가지만
엘리님 강의는 시간을 투자할 만큼 값지네요
좋은 영상 정말 감사합니다!!
오늘도 감사합니다! 13강까지 오는데 이래저래 많은일들이있어 오래걸렸지만 선생님의 재미있는 개그와 이해하기쉬운 설명으로 여기까지 올 수 있었습니다! 나머지도 잘 마무리하고 아카데미에서 뵙겠습니다:)
완강 하신거 너무 축하해요 :)
핵심을 콕 집어서 내용을 선택한데다 군더더기 없이 똑 부러지는 표달로 뇌속에 쏙쏙 넣어주네요 . 대한민국강사중 중요한 인물이 될것입니다.
동영상배경음악도 진짜 마음에 듭니다 .
감사합니다.
화이팅 !!!
하하 칭찬을 너무 정성스럽게 작성해 주셔서 감사합니다 ❤️
강의가 너무 좋습니다... 진심 감사합니다
이렇게 좋은 강의를 해주셔서 정말 감사합니다!! 정말 들을 때마다 재밌고 쉽게 설명해주셔서 좋습니다!! 오늘 내용은 실제 연습을 해보니 좀 어렵게 느껴지는데 ㅠ 그래도 열심히 공부하겠습니다!! ㅎㅎ
감사합니다 ❤️
너무 좋은 강의 만들어주셔서 감사해요!!
영상 하나 보고 바로 구독눌렀습니다. 영어공부도 같이 되는 듯한 이 신선함이란...감사합니다
너무 너무 너어어어어무 (글로 표현할 수 없을만큼) 좋았습니다. 감사합니다.
분명 몇달전에 이 영상의 예제까지 다 따라했는데도 비동기에 대해 정확히 이해가 안갔었는데, 아주 복잡한 비동기 작업으로 몇주간 고생하다 다시 이 영상을 보니 두루뭉실하게 이해했던 완벽히 정리가되네요. 정말 감사합니다.
이제 클릭! 하는 순간이 오신건가요 Code your Dream ✨
감사합니다 벌써 13번째 강의라니 너무 재밌어서 시간가는 줄 모르게 다 들었습니다.
async function changeAsync() {
try {
const user = await userStorage.loginUser(id,password);
const userRole = await userStorage.getRoles(user);
console.log(`Hello ${userRole.name}, you have a ${userRole.role} role`)
} catch (error) {
console.log(error);
}
}
changeAsync().then(console.log);
너무좋은 강의입니다. 많이 배워 갑니다!! 👍👍
감사합니다! 너무 좋은 설명이에요ㅠㅠ
수강완료했습니다!!! 아직 promise는 헷갈리긴하지만 복습하면서 열심히 좀더 공부할께요 감사합니다!!!
한 달 전에 듣고 공부한 후, 다시 들으니까 이해가 더 잘 되네요! 감사합니다 엘리님 ;)
감사합니다 🙆♀️
구독하자마자 올라온 영상 다 봤네여 ㅎㅎ 항상 감사합니다~
와 :)
엘리님 같은 분이 사수라면 어느회사 가도 따라다닐것같아요. 코딩이 재밌어지게 만드는 설먕
드디어 자바스크립트 13강까지 도달하게 됐네요. ㅠㅠㅠㅠ 복습이 부족한 탓에 완벽하게 다 알지는 못했어도, 꾸준히 다시 메모 확인하고 복습해 나가면서 제 것으로 만들어야겠죠. 엘리님 덕분에 저의 첫 자바스크립트의 개념과 습관 등을 정립해나갈 수 있어 즐거웠습니다. 덕분에 어려워도 포기하지 않고 계속 함께 할 수 있다는 기분 좋은 응원까지 얻어가는 것 같습니다. 비록 제가 코딩을 늦게 시작한 탓에 작년 영상을 오늘에야 보게 됐지만, 이제는 복습과 함께 엘리님 최근 영상까지도 모두 기분 좋게 보고 빨리 따라 잡을게요. 우선, 저는 복습하면서 드림코딩도 결제하러 가야겠어요. 오늘도 출석체크해요! 감사합니다~
당장 컨텐츠 확인 못해도 항상 좋아요 먼저 누르고 갑니다. 매번 좋은 강의 해주셔서 감사합니다, 엘리님.
우와 이런 선코멘트 남겨주시는것도 일일텐데 감사해요 ❤️
너무 깔끔한 설명에 더욱 더 감명 받음 ㅠㅠ
감사합니다 ❤️
완료! 좋은 강의 진심으로 감사드립니다.
엘리쌤 덕에 개발이 넘 재밌습니다 😍💚🧡
유용하게 잘 봣습니다 :) 설명이 참 좋은거 같아요
아무리 찾아 공부해도 선생님 영상이 제일 도움 많이 됩니다 ㅠㅠ 감사합니다
백엔드로 교육을 받아서 자바스크립트는 제대로 배우지도 못한채 기존 코드를 참고해서 하기 급급했는데 13강까지 들으며 자바스크립트의 매력에 푹 빠졌어요 ㅎㅎ 좋은 강의 감사합니다 ;)
븀 ~~~ 뱜~~~~ 이해도 잘되고 재미있는 엘리쌤 수업!!
오늘도 좋은 영상 감사합니다.
항상 출책 감사합니다 ❤️
드디어 끝났네요, 엘리님의 자바스크립트 강의가 없었으면 정말 난감했을 것 같아요. ㅋㅋㅋ 감사합니다!! :)
그리고, 자바스크립트가 다른 언어에 비해서 문법이 간결해서 쉬워 보였는데, 깊게 들어가면 들어갈수록 무시무시한 언어였네요 ㅋㅋㅋㅋ (그래도 매일매일 앨리님 영상을 보고 공식 문서를 읽으면서 이해도를 높여가고 있습니다 :))
너무 쏙쏙들어오네요 쓰면서도 이해못한부분이 있었는데 정확히 이해하는데 큰도음이 되었습니다
이렇게 좋은 강의가 있다니 늦게 알게 되어 아쉽네요. 진심 감사드립니당. 나머지도 다 듣고 씩씩한 개발자가 될께용 ㅎㅎ
정말 좋은강의 해주셔서 감사드립니다 !!
매번 명쾌한 설명 감사드립니다.~~
저두 감사합니다 ❤️
와 진짜 코딩중 막힐때 마다 구글링 전 혹시나 하고 엘리님 강의 켜면 언제나 답이 있어요 ㅋㅋㅋㅋ 신기하고 감사합니다 특히 현업에서 유용하게 쓰이는 팁들이 정말 도움 됩니다.
잘 정리해주셨네요. 목소리 👍 ...귀에 쏙쏙...
마지막강의 출석체크 합니다! 퀄리티 높은 강의 감사합니다.
제가 promise랑 async, await를 엘리님 영상을 통해서 처음 접하고 그당시에는 단순히 시청개념으로 듣고 넘어갔는데
실무에서 실제로 사용하기 위해서 관련 지식 다방면으로 찾아보고 엘리님 영상을 거진 20번넘게 돌려본거 같은데 이제야 어느정도 이해가 되네요!
처음이라 다들 이해가 안되고 어렵더라도 모두들 포기하지 마시고 화이팅입니다!!!
이 영상 보고 mdn 보니까 잘 이해가 되었습니다 좋은 자료 감사합니다
오늘도 영상보고 잘 배워갑니다 감사해요!
웹 세상에 얼마전에 입문해서 헤매고 있었는데 이런 좋은 영상이 있어서 너무 도움이 많이 되고 있어요. 좋은 영상 계속 만들어주세요~ 열심히 구독하겠습니다~
출석했습니다! 마지막 두 편은 정말.... 어려웠네요 ㅠㅠ 복습하고 엘리님 유료 강의 들으러 출발합니다!
callback 부터 다시 듣고 와야겠네요.. callback과 promise 이해 했다고 생각했는데 손으로 코드가 안나오네 ㅎㅎㅎㅎㅎ 다시올께요~뿅!
오늘도 출석합니다. 선생님 너무너무 감사합니다~~
비동기 마지막편 수강하러 왔습니다 정말 영상이 재미있어서 여기까지 온거 같아요 좋은 영상 감사합니다(꾸벅)
출석체크! 비동기 프로그래밍 부분 한번 더 보고 mdn으로 공부하고 올게용:) !! 감사합니다
멋진 강의 감사드립니다. 뿜~ 강의를 이해하기 쉽게, 넘 설명 잘해주셨습니다 ^^
덕분에 비동기 처리 방식 이해할수 있었습니다 감사합니다ㅎㅎ
하루만에 다들었어요...너무 유익해요ㅠㅠㅠㅠ
출첵!! 아까 보고 이해했고, 이제는 적으면서 수강하려고 합니다~ 항상 좋은 강의 감사합니다!
감사합니다 🙆♀️
프론트엔드 개발자셔서 그런지 영상미가 너무 좋슴당 !
아, 그런가요? 지난 모바일 개발자로 살아온 센스랄까요? 하하 감사합니다 ❤️
너무 좋은 설명 감사합니다.
잘 이해하지 못하고 있던 내용을 잘 설명해주셔서 고맙습니다
따란~ 3일만에 완주성공했어요!! 엘리님이 올려주신 JS 나머지 영상도 보겠습니당! 역시 코드를 보다보면 눈이 뱅글뱅글 돌지만 엘리님 덕분에 포기하지 않았어요! 너무 감사합니다 ♥
감사합니다 🙆♀️
영포자라서 array API 선언 읽는 부분에서 막혀 있다가 영상과 같이 코딩하면서 다시 정주행했어요! 같이 따라 코딩하니까 훨씬 공부가 잘되는 것 같아요~ 노트도 영어로 적고 용어도 영어로 알려주셔서 공식 문서 볼때 도움이 많이 될 것 같아요ㅠㅠ 시간이 걸려도 공식 문서 읽는 연습을 열심히 하려고요! 그리고 나선임 등장할 때마다 배경음악 넘 웃겨요ㅋㅋㅋㅋ 엘리님 센스 정말 최고임니당👍
📝 Homework 📝
async function loginResult() {
try {
const userId = await userStorage.loginUser(id, password);
const userInfo = await userStorage.getRoles(userId);
alert(`Hello ${userInfo.name}, you have a ${userInfo.role} role`);
} catch (error) {
console.log(error);
}
}
loginResult();
❓ Question ❓
async 쓸 때 try나 catch에서 return 값을 꼭 정해줘야 하나요? return 값 안 정해줘도 원하는대로 동작하는데 엘리님이 영상에서 async 쓰실 때 대체로 retrun 값을 정해주시길래 궁금해져서 여쭤봅니다!
값을 리턴하지 않아도 되면 구지 리턴하지 않으셔도 되요 :)
만약 로그인한 결과값을 전달하고 싶다면 그때 리턴을 쓰시면 되겠죠? :)
참, 숙제는 정말 잘하셨어요 🙌
엘리님 제가 udemy에서 유명한 사람들 강의 정말 많이 보고, velog도 참고해서 공부해봤지만 이렇게 엘리님처럼 명쾌하고 이해하기 쉽게 가르치는분 처음입니다.!!! 드림코딩 아카데미 강의를 다 들어야 겠다는 확신이드네요 정말 강의 컨텐츠가 알차고 좋은거 같습니다. 항상 감사합니다.!!!
아이쿠 이런 좋은 피드백 정말 감사해요 ❤️
오늘출석!!
프로미스 강의를 기대한다고 코맨트를 전에 남겼던것같은데 벌써 여기까지 강의가 왔다니 개념정리 잘하고 가겠습니닷!! ㅎㅎㅎ
안녕하세욧 :) 꼭 정리 하셔서 프로젝트에 유용하게 써먹어 보세요 ❤️
진짜 쉽게 설명해주셔서 감사합니다 ㅋㅋ 다봣어요 ^^
감사합니다! 학원에서 처음으로 정식프로젝트중인데 도움이 정말 많이 됩니다ㅜㅜ
감사합니다 ❤️