Async와 Await에 대해 알아보기

 

👋 안녕하세요, 오늘은 자바스크립트에서 비동기 처리를 쉽게 도와주는 Async와 Await에 대해 알아보겠습니다. 이 글을 통해 초보자도 쉽게 이해하고 활용할 수 있도록 설명드리겠습니다.

📘 Async란?

// Async는 비동기 작업을 더 편리하게 처리할 수 있게 하는 문법입니다.
async function exampleFunction() {
const data = await fetchData(); // 이런식으로 쓰입니다.
console.log(data);
}

📗 Await이란?

// Await은 async로 선언된 비동기 함수에서만 사용가능합니다.
// Await은 Promise를 반환하는 함수의 완료를 기다리는 역할을 합니다.
async function anotherFunction() {
const data = await fetchData(); // Await은 이런식으로 쓰입니다.
console.log(data);
}

---

정리하자면, async는 비동기 작업을 더 편리하게 처리할 수 있게 도와주는 키워드입니다. 한편, await은 async 함수 내에서 사용되며, Promise를 반환하는 함수의 완료를 기다리는 역할을 합니다.

💡 이해가 잘 되셨나요? 앞으로도 이런 실용적인 JavaScript 문법에 대해 계속 알아볼 예정이니, 함께 공부해 나가요!

📌 다음 글 예고: JavaScript의 Promise에 대해 알아보기