JavaScript에서 Promise를 활용하는 방법

반응형

```html

안녕하세요! 오늘은 자바스크립트의 기본적인 개념 중 하나인 Promise에 대해 알아보도록 하겠습니다. 비동기 로직을 효율적으로 관리하게 도와주는 Promise! 함께 알아보아요. 🚀

🍭 Promise란 무엇일까요?

// Promise는 자바스크립트에서 비동기 작업을 편리하게 수행할 수 있도록 도와줍니다.
// 아래는 Promise의 기본 구조입니다.
const promise = new Promise((resolve, reject) => {
  // 비동기 작업을 수행합니다.
});

🎈 Promise의 3가지 상태

// Promise는 크게 3가지 상태를 가집니다.
// 1. Pending: 비동기 작업이 아직 완료되지 않은 상태
// 2. Fulfilled: 비동기 작업이 성공적으로 완료된 상태
// 3. Rejected: 비동기 작업이 실패하거나 오류가 발생한 상태

🍬 Promise 사용해보기

// 아래 코드는 Promise를 사용해 비동기 작업을 수행하는 예제입니다.
const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Promise is resolved!"); // 1초 뒤에 Promise가 resolve됩니다.
  }, 1000);
});

promise.then(message => {
  console.log(message); // "Promise is resolved!"가 출력됩니다.
});

Promise는 자바스크립트에서 비동기 작업을 쉽게 처리할 수 있게 돕습니다. Promise는 대기(Pending), 이행(Fulfilled), 거부(Rejected)의 3가지 상태를 가지며, 이를 통해 비동기 작업이 어떤 상태인지 쉽게 판단할 수 있습니다. Promise를 활용하면 콜백 지옥을 피할 수 있으므로 잘 활용해보세요.

---

🔭 다음 시간

오늘은 Promise에 대해 알아보았습니다. 다음 시간에는 Promise를 더 깊게 이해하기 위해 async와 await에 대해 알아볼 예정입니다. 코드를 더 깔끔하고 이해하기 쉽게 작성하려면 필수적인 개념이니 꼭 확인해보세요! 😊

📌 다음 글 예고: Async와 Await에 대해 알아보기

 

728x90

```