02. async/await · GitBook about learnjs

[junopark919]

async/await 문법이 단순히 promise를 더욱 쉽게 만들어준다고만 해버리고 바로 무작정 코딩을 시작해버리시는데 좀 개념이라도 짚어주세요. 솔직히 앞에 promise도 설명이 많이 부족한 편인데 여기는 아예 무슨 말을 하는지 조차 모르겠어요.

[junopark919]

.....제가 이 수업 받겠다고 지불했던 돈이 아깝네요..

[dodok8]

async/await 문법은 ES8에 해당하는 문법으로서, Promise 를 더욱 쉽게 사용 할 수 있게 해줍니다.

이 부분에 대해 자세히 찾아보니 이런 말이 나오네요.

비동기 함수는 이벤트 루프를 통해 비동기적으로 작동하는 함수로, 암시적으로 Promise를 사용하여 결과를 반환합니다. 그러나 비동기 함수를 사용하는 코드의 구문과 구조는, 표준 동기 함수를 사용하는것과 많이 비슷합니다.

MDN에 나오는 async function에 관한 설명입니다.

즉, Promise의 resolve와 reject, .then()를 우리가 익숙한 동기 함수를 작성하는 것처럼 만들어주기 위해 추가된 문법이라 생각하시면 됩니다. 이 과정에서 평상시 사용하던 것 처럼 try{...} catch{...}문을 사용할 수 있는 것이고요. 그렇지만 이렇게 만들어진 async function도 Promise를 반환하므로, Promise를 이용해 만든 함수처럼 사용할 수 있는 것입니다.

[ecoexlab]

참.. 강의 댓글에 눈살을 찌푸리게 만드는 글들이 정말 많네요.

강의에 대한 건설적인 비판 혹은 정말 궁금해서 하는 질문이라기 보단, 마치 강의의 조그만 부분 부분중에
사소한 것이라도 자신의 입맛에 안맞는 부분이 있으면 '이때다' 싶어 물어뜯는 하이에나를 보는 것 같습니다.

여러 프로그래밍 강의들을 접해왔었지만, 변화도 빠르고 정말 방대한 영역이라 누구나 100% 이해하고 만족시킬 수 있는 교재는 저는 없다고 생각합니다. 수십년 동안 굳어진 우리나라 공교육 입시를 예를 들어보죠. 쉽게 변화될 수 있는 교육과정이 아닐 뿐더러 수십만의 수요가 있는 이 분야는 많은 전문가들이 그에 따른 교육과정을 연구하고 개발합니다. 그 덕분에 우리는 A-Z까지 떠먹여 줄 수 있는 수많은 학원들과 친절한 교재로 공부를 할 수 있는 것이지요.

달리 이쪽 코딩세계는 수동적으로 공부해서는 절대 헤쳐나갈 수 없는 정글과도 같습니다. 계속해서 생겨나는 기술들과 그 흐름을 파악하기 위해서는 끊임없이 공부하고 찾아나가야는 것이 현실입니다. 물론 코딩수요가 늘어남에 따라 양질의 교육컨텐츠를 제공하시는 분들도 늘어나고 있고, 그 자료들이 공유되어 좋은 생태계를 만들어가고 있는 것은 좋은 신호라고 생각합니다. 그럼에도 떠먹여주는 공부에, 모든것을 알려주는 친절한 교재에 익숙해져 있는 우리는 이쪽 세계는 아직 낯설 뿐이지요.

수많은 구글링과 영어와의 싸움을 해왔던 저에게는 Velopert 님의 강의가 참 감사하게 느껴집니다. 물론 강의 대상을 명확히 하고 그에 따라 더욱 입맛에 맞는 맞춤형 컨텐츠를 제공하는 부분은 Velopert님이 교육자로써 더욱 갖춰나가셔야할 역량이지요. 물론 그 부분은 직접 더 잘 아시고 , 잘 하실것이라고 생각합니다.

글이 길었네요. 결론은 건설적인 비판과 양질의 질문이 더욱더 강의자로 하여금 좋은 컨텐츠를 생산하게 하고 올바른 생태계를 만들어갈 수 있는 것입니다. 같은 길을 걸어가고 있는 여러분들 모두 화이팅입니다.

[velopert]

@kneehunter

reject가 사용되지 않으면 생략 될 수 있습니다.

[jy-sung]

강의에 디테일함을 원하는건 이해 하겠으나 너무 날 선 문의가 많네요 눈살이 찌푸려질정도로요

어떠한 강의를 들어도 강의 하나에서 원하는 모든것을 다 얻어갈 수 없습니다.
그래서 같은걸 공부하더라도 이 강의 저 강의 다 들어보면서 원하는 부분을 습득해가거나
구글링을 통해 좀 더 깊게 알아가야지요
이건 반년동안 매일 4시간씩 진행하는 대면강의가 아니에요
그리고 자바스크립트에 대한 기초 이론부터 하나하나 알려주는 전문 자바스크립트 강의도 아니구요

리엑트를 강의하기 전 필요한 기술적인 기능 강의이며 초보자 입장에서도 각 기술에 대해 이해하기보단 이렇게 동작하는구나 정도로 접근성이 쉽게 만들어진 속성강의입니다.

이 강의가 완벽한 비동기 자바스크립트 강의다! 라곤 하기 힘들겠지만
아무런 사전지식 없는 사람이 리엑트를 구현하는데 필요한 자바스크립트를 보고 따라하기에 적합한 강의인거고
이런 강의를 통해 자바스크립트 기본적인 부분에 입문을 하고 좀 더 깊은 이해도가 필요하다 생각이 들면 자바스크립트 서적을 알아보시던가 전문 자바스크립트 강의를 찾아보거나 구글링을 통한 학습을 해야하지 않을까요

[roto1212]

광고를 이 클래스만 들으면 다 된다는 식으로 했으니 저런 반응도 나오는거죠

[JeongSeongHun054]

날카롭게 코멘트 단 부분은 죄송하다는 말씀드립니다.

[JungJoongHwan]

크... 비동기부분은 초보자가 강의만 듣고 이해하는 건 불가능하다고 봐요...
따로 공부하셔야 할 것 같네요...
만족스러운 부분도 있고 아닌 부분도 있는데... 비동기처리 부분의 강의는 만족스럽지 않네요.
그리고 새삼... 자바스크립트를 볼때마다 감탄합니다. 이 어려운 개념을 ....

[normaljeon]

로그인 하는거 귀찮아 하는데 ㅎ 로그인 하게 되네요...

질의에 있어 "예의"를 지키는 게 모두에게 좋을 것으로 보여집니다.

하나의 강의를 가지고 모든 것을 만족시킬 수 있다는 생각이 무리한 생각이라 생각됩니다.
지식의 완성이 꾸준한 노력이며, 전문가들도 구글링을 통하여 새로운 지식을 얻곤 합니다.
이런 것이 예전에 대두된 "집단지성"이라 생각됩니다.

또한 선생님께서 reject 에 대한 설명이 짧은 이유는
실무에서 선생님께서 잘 쓰지 않는 방법일 수도 있습니다.

참고로 제가 여러 자바스크립트 수업을 들었을 때,
const error = new Error(); throw error; 방식을 설명해주신 분은
벨로퍼트님이 처음이여서 신선했습니다.
또한 error에 대한 내용을 한꺼번에 볼 수 있어서, 저는 이 부분이 좋았습니다.

많은 기술은 사용자의 스타일이 담겨있는 법이라 생각되며, 꾸준한 노력으로
모두 스스로의 스타일을 만들어가는게 중요하다 생각됩니다.

마지막으로 양질의 기술들이 꾸준히 공유되기 위해서,
모두에게 예의 있는 질의는 반드시 필요하다고 생각됩니다.

[leh317]

async function process() {
const [dog, rabbit, turtle] = await Promise.all([
getDog(),
getRabbit(),
getTurtle()
]);
console.log(dog);
console.log(rabbit);
console.log(turtle);
}
process();

이 부분에서 토끼는 500ms, 멍멍이는 1000ms 인데..
console.log 로 보면 멍멍이가 먼저 나옵니다.
초 단위로 토끼 먼저 값이 나오게 하고 싶을 땐 어떻게 수정을 해줘야 하나요?
단순하게 아래 처럼 콘솔 위치를 바꿔줘야 하는 건가요?
console.log(rabbit);
console.log(dog);
console.log(turtle);

[zuzubibi]

좋은 강의 항상 감사합니다 자바스크립트의 핵심인 Promise와 async/await는 계속해서 공부해봐야 할것같네요 :-)
강사님 덕에 쉽게 이해했습니다!

22.03.26

[studyToStudy]

22.08.29

[BB2e]

오래된 반려 강의로 묵혀뒀다가,
이제서야 보는데 재밌게 보고 있습니다.
친절한 강의 감사합니다.
리액트까지 열심히 들어볼게요!