프라미스와 async/await

👋 안녕하세요, 여러분! 오늘은 자바스크립트에서 비동기 처리를 관리하는 데 굉장히 중요한 역할을 하는 '프라미스(Promise)'와 'async/await'에 대해 알아볼 거예요. 초보자도 이해할 수 있게 쉽게 설명드릴 테니 함께 따라와 주세요!🚀

😎 프라미스란?

프라미스는 자바스크립트에서 비동기 연산이 끝나는 시점을 알려주고 그 결과값을 처리하는 방법을 제공하는 객체입니다. '대기', '이행', '거부'의 세 가지 상태를 가집니다.

// Promise 선언
let promise = new Promise((resolve, reject) => {
  let condition = true; // 이 조건이 true면 resolve, 아니면 reject
  if(condition) {
    resolve("Promise is resolved!"); // 이행 상태
  } else {
    reject(Error("Promise is rejected...")); // 거부 상태
  }
});

// Promise 사용
promise
  .then(result => console.log(result)) // Promise is resolved!
  .catch(error => console.log(error)); // 에러 출력

🤔 async/await란?

'async/await'는 프라미스를 더욱 쉽게 다룰 수 있게 해주는 자바스크립트의 문법입니다. 함수 앞에 'async'를 붙이면 그 함수는 항상 프라미스를 반환하고, 'await'는 프라미스가 이행될 때까지 기다린 후 결과를 반환합니다.

// async/await 사용
async function asyncFunc() {
  try {
    let result = await promise; // promise가 이행될 때까지 기다림
    console.log(result); // Promise is resolved!
  } catch(error) {
    console.log(error); // 에러 출력
  }
}
asyncFunc();

---

📝 정리하자면, '프라미스'는 비동기 작업의 최종 완료나 실패를 나타내는 객체이며, 'async/await'는 이런 프라미스를 더욱 간편하게 다룰 수 있게 해주는 문법입니다.

🔍 이렇게 프라미스와 async/await에 대해 간단하게 알아봤는데요, 비록 처음에는 이해하기 어려울 수도 있지만 여러분이 자바스크립트로 복잡한 비동기 코드를 작성할 때 굉장히 유용하게 사용할 수 있습니다. 🌟

📌 다음 글 예고: Callback Hell 탈출하기!