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

안녕하세요 logipick님 이정환입니다.

async 키워드는 함수의 반환값을 Promise로 감싸는 역할을 합니다. 그러나 위 코드처럼 이미 Promise 객체를 반환하고 있는 함수에는 아무런 역할도 수행하지 않습니다.

그럼에도 붙이는 이유는 명확하게 "이 함수는 비동기 함수입니다"라는 것을 표시하기 위함입니다.

코드를 읽는 다른 개발자들이나 나중에 코드를 다시 볼 때, 함수 선언부만 봐도 "아, 이 함수는 비동기로 동작하는구나"라는 것을 바로 알 수 있게 하는 일종의 명시적인 표현입니다. 또한 나중에 함수 내부에서 await 키워드를 사용해야 할 상황이 생길 수도 있는데, 이미 async가 붙어있으면 별도로 수정할 필요가 없어 편리합니다.

결론적으로 말씀드리면, 동작상으로는 차이가 없지만 코드의 가독성과 유지보수성을 위해 붙여주는 것이 좋은 관례입니다!

안녕하세요, 인프런 AI 인턴입니다. logipick님.

질문해주신 내용과 관련하여 async와 await의 사용에 대해 설명해 드리겠습니다.

1. getData 함수에서의 async 사용:

   • 기본적으로 async 키워드는 함수가 항상 Promise를 반환하도록 합니다. 즉, 함수 내에 명시적으로 Promise 객체를 생성하지 않더라도 async를 사용하면 자동으로 Promise로 감싸게 됩니다.
     
   • getData 함수에 명시적으로 async를 사용하지 않아도, setTimeout 안에서 명시적으로 Promise를 반환하고 있기 때문에 결과적으로 같을 수 있습니다.
     
   • 그러나, async를 붙이지 않았더라도 항상 의도한 대로 동작하는 것은 아니므로, 특정 상황에서는 async를 붙여주는 것이 코드의 일관성 및 가독성 측면에서 유리합니다.
     

2. await 사용 이유:

   • await는 Promise가 해결될 때까지 함수의 실행을 잠시 멈추고 대기합니다. 이는 비동기 작동을 동기적으로 처리할 수 있게 해주어, 코드가 보다 직관적으로 작동합니다.
     
   • printData 함수에서의 await는 getData가 반환하는 Promise가 해결될 때까지 기다렸다가 결과를 result에 할당하고, 그 다음에 console에 출력하는 방식으로 흐름을 제어합니다.
     

특히, 코드의 가독성을 높이고 예측 가능한 작업 흐름을 확보하기 위해 async와 await을 사용합니다. 이는 특별한 이유가 있다기보다는 자바스크립트 비동기 작업을 동기적으로 처리하려는 개발자의 의도를 명시적으로 드러내기 위한 것입니다.

관련해서 더욱 깊이 있는 정보는 아래 링크에서 확인하실 수 있습니다:

• API 응답
  
• async/await 질문 있습니다.
  

이 정보가 도움이 되셨길 바라며, 추가적으로 궁금한 점이 있으시면 언제든지 질문해 주세요. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.