JavaScript에서 Promise를 이용한 비동기 처리

안녕하세요, 여러분. 오늘은 자바스크립트에서 비동기 처리를 위해 사용되는 Promise에 대해 알아보겠습니다. 초보자분들도 이해할 수 있도록 쉽게 설명해 볼게요! 😊

🔥 Promise란 무엇인가요?

자바스크립트는 비동기 처리를 지원하는 언어입니다. 이는 특정 코드의 실행이 끝날 때까지 기다리지 않고 다음 코드를 먼저 실행하는 것을 말해요. 이처럼 비동기 처리를 쉽게 도와주는 기능 중 하나가 바로 'Promise'입니다.

💻 Promise의 기본 구조

// Promise 선언
const promise = new Promise((resolve, reject) => {
  // 비동기 작업 수행
  // ...
  // 작업이 성공하면 resolve 호출
  // 작업이 실패하면 reject 호출
});

🎨 Promise의 상태(state)

Promise는 크게 3가지 상태를 가집니다.

/*
1. pending: 비동기 작업이 아직 완료되지 않은 상태
2. fulfilled: 비동기 작업이 성공적으로 완료된 상태
3. rejected: 비동기 작업이 실패하거나 에러가 발생한 상태
*/

---

🔍 Promise 사용해보기

// Promise 객체 생성
const promise = new Promise((resolve, reject) => {
  const data = fetchData();
  if(data) {
    resolve(data);
  } else {
    reject('Data not found');
  }
});

// Promise 사용
promise
  .then(data => console.log(data)) // 성공 시 실행될 코드
  .catch(err => console.error(err)); // 실패 시 실행될 코드

📝 Promise를 사용하면 비동기 처리를 더욱 쉽고 효과적으로 할 수 있습니다. 하지만 Promise만으로는 여러 개의 비동기 작업을 동시에 처리하거나, 순차적으로 처리하는 등 복잡한 상황에서는 한계가 있습니다. 이러한 문제를 해결하기 위해 등장한 것이 'Async/Await'입니다.

📌 다음 글 예고: Async/Await으로 Promise 마스터하기