강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

김영태님의 프로필 이미지
김영태

작성한 질문수

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

async await 예제 실습

await 질문 드립니다.

작성

·

142

9

저도 아래분과 비슷한 내용의 질문인데,

강의 에서 await 이후에 멈춰 있는것이 아니라, 계속 진행된다고 말씀해주셔서...제가 샘플 코드를 짜보았는데....

function fetchItems() {

  return new Promise(function(resolve, reject) {

    setTimeout(function() {

      var items = [1,2,3];

      console.log('Inline Promise...');

      resolve(items)

    }, 3000);

  });

}

async function test() {

    console.log('Step 1');

    var res = await fetchItems();

    console.log('Step 2');

}

test();

호출 하였을 때,

Step 1 이 찍힌 이후에,
Inline Promise...
Step 2가 찍히는데...

이럴 경우, await를 기다렸다가, 다음 라인으로 넘어가는 것이 아닌가요...?

답변 1

2

캡틴판교님의 프로필 이미지
캡틴판교
지식공유자

안녕하세요 영태님 제가 질문 답변이 조금 늦었네요. 말씀해주신 내용에 대해서 이것 저것 확인해보느라 조금 늦어졌습니다 죄송합니다..! 원래 제가 이해하고 있던 async await 구문은 말씀해주신 것처럼 await 이후의 코드는 await 로직과 관련이 없을 경우 즉시 실행 되는 것으로 알고 있었는데요. 첨부해주신 코드의 결과처럼 await 구문 이후의 코드들도 await 코드의 처리 이후에 실행되는 것으로 재차 확인되었습니다. 제가 예전에 코드와 개념을 확인하고 강의를 촬영했었는데 그 안에 스펙이 바뀌었거나 제가 잘못 알고 있었던 것 같습니다. 좋은 질문 주셔서 감사드리고 일단 말씀 드린 내용들로 다시 확인해보시면 좋을 것 같습니다. 감사합니다 :)

김영태님의 프로필 이미지
김영태

작성한 질문수

질문하기