[typescript] `async/await` 키워드를 사용하여 어떤 비동기 함수를 동기적인 코드처럼 작성할 수 있나요?

15 Dec 2023

typescript

다음은 간단한 예시입니다.

async function fetchData() {
  const response = await fetch('https://example.com/api/data');
  const data = await response.json();
  return data;
}

async function main() {
  console.log('요청을 보냅니다.');
  const result = await fetchData();
  console.log('받은 데이터:', result);
}

main();

위 예시에서 fetchData 함수는 fetch API를 사용하여 데이터를 가져오는 비동기 함수입니다. main 함수에서 fetchData를 await 키워드를 통해 동기적으로 호출하고, 데이터를 받은 후에 처리합니다.

이렇게 하면 비동기 코드를 작성할 때 발생하는 콜백 지옥을 피하고, 코드를 더 읽기 쉽고 유지보수하기 쉽게 만들 수 있습니다.

추가적인 정보는 TypeScript 공식 문서를 확인해보시기 바랍니다.