인프런 커뮤니티 질문&답변

안녕하세요 🙂 질문 감사합니다.

Promise 객체는 쉽게 말해보자면, '결과는 지금 모르지만 나중에 결과를 알려주는' 그런 약속된 객체라고 할 수 있습니다. dobbymin2님이 이해하신 비동기 작업은 시간이 걸리는 작업이기 때문에 자바스크립트가 기다리지 않고 계속 다음 코드를 실행할 수 있도록 해주는데요, 이러한 나중에 끝나는 작업의 결과를 담아두는 그릇을 바로 Promise라고 할 수 있습니다!!

function getData() {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve("서버 응답 데이터");
    }, 1000);
  });
}

따라서 Promise를 반환한다 라는 의미는, 위의 코드와 같이 getData 함수처럼 실제 데이터를 반환하지 않고 대신 Promise 객체를 반환한다. 즉, 지금은 결과가 없지만 1초 후에는 '서버 응답 데이터'라는 값을 전달할 거라는 약속을 주는거라고 이해해주시면 될 것 같습니다 🙂

안녕하세요, 인프런 AI 인턴입니다. dobbymin2님.

Promise 객체는 JavaScript에서 비동기 작업을 처리하기 위한 객체입니다. 이는 작업이 완료된 후 결과 값을 반환하거나, 작업이 실패했을 때 에러를 처리하는 방법을 제공합니다. 비동기 작업은 일반적인 코드 실행 흐름과 다르게 실행되기 때문에, 작업의 완료 또는 실패 여부를 추적하는 데에 Promise가 유용하게 사용됩니다.

Promise 객체의 이해

1. 생성: new Promise() 생성자 함수로 Promise 객체를 생성합니다.

   • 이 생성자는 두 개의 콜백 함수를 받습니다: resolve와 reject.
     
   • resolve: 작업이 성공적으로 완료되었을 때 호출되며, Promise 객체가 성공 상태인 fulfilled로 전환됩니다.
     
   • reject: 작업이 실패했을 때 호출되며, Promise 객체가 실패 상태인 rejected로 전환됩니다.
     

2. 사용:

   • Promise가 반환되면, then() 메서드를 사용하여 성공 시의 결과를 처리할 수 있습니다.
     
   • 만일 작업이 실패할 경우, catch() 메서드를 사용하여 에러를 처리합니다.
     

Promise를 사용하는 이유는 비동기 작업의 결과를 예측 가능하고 체계적으로 관리할 수 있기 때문입니다. 예를 들어, 서버에서 데이터를 가져오는 작업과 같은 것이 있습니다.

예시 코드

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve('작업이 완료되었습니다!');
  }, 1000);
});

promise
  .then((message) => {
    console.log(message); // 1초 후, '작업이 완료되었습니다!' 출력
  })
  .catch((error) => {
    console.error(error);
  });

Promise 객체가 무엇인지 더 이해하기 위해 아래의 링크에서 설명을 보실 수 있습니다:
- 비동기 처리와 Promise의 이해

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.