JavaScript Promise 이해하기

안녕하세요, 오늘은 자바스크립트에서 널리 사용되는 개념 중 하나인 'Promise'에 대해 알아보겠습니다. Promise는 비동기 작업을 더 편리하게 할 수 있는 방법입니다. 이 글을 시작으로, 처음 Promise를 접하는 분들도 쉽게 이해할 수 있기를 바랍니다.

🎯 Promise 이란 무엇인가요?

Promise는 JavaScript에서 비동기 작업을 수행할 때 사용하는 객체입니다. 이는 '미래에 완료될 작업'을 나타내며, 비동기 작업의 최종 완료 또는 실패와 그 결과 값을 나타냅니다.

🔍 Promise의 상태

Promise는 크게 세 가지 상태를 가지고 있습니다.

// Promise 객체가 만들어질 때
var promise = new Promise(function(resolve, reject) {
  // 작업이 수행되는 중...
});

/* 
Promise 상태
1. Pending (대기) : 초기 상태, 이행 또는 거부되지 않음.
2. Fulfilled (이행) : 작업이 성공적으로 완료됨.
3. Rejected (거부) : 작업이 실패함.
*/

📚 Promise 사용법

Promise는 대기, 이행, 거부 상태를 가질 수 있습니다. 이해를 돕기 위해 간단한 코드 예제를 통해 알아봅시다.

// Promise 객체 생성
var promise = new Promise(function(resolve, reject) {
  // 비동기 작업 수행
  var data = fetchData(); //fetchData()는 비동기 작업을 수행하는 함수라 가정
  if(data) {
    resolve(data); // 작업 성공
  } else {
    reject(new Error("Request is failed")); // 작업 실패
  }
});

// Promise 사용
promise
  .then(function(data) {
    console.log(data); // 작업이 성공한 경우 
  })
  .catch(function(err) {
    console.error(err); // 작업이 실패한 경우
  });

---

이상으로 JavaScript에서 Promise의 기본적인 개념과 사용법에 대해 알아보았습니다. 비동기 처리와 관련된 JavaScript의 중요한 개념 중 하나인 Promise는 더욱 효과적인 코드를 작성하는 데 도움이 됩니다.

다음에는 Promise의 고급 사용법과 함께 더욱 심화된 비동기 처리에 대해 알아봅시다.

📌 다음 글 예고: JavaScript Promise의 고급 사용법