Promise의 기능과 필요한 이유에 대해서 설명해 주세요.

👩🏻‍💻 Promise의 기능과 필요한 이유에 대해서 설명해 주세요.

@MDN

 

💁🏻‍♀️ 프로미스란,

자바스크립트 비동기 처리에 사용되는 객체입니다. 여기서 자바스크립트의 비동기 처리란, 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 자바스크립트의 특성을 말합니다.

 

프로미스가 필요한 이유는

프로미스는 주로 서버에서 받아온 데이터를 화면에 표시할 때 사용합니다. 일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아오기 위해 API를 활용하는데, API가 실행되어 데이터를 받아오기도 전에 데이터를 다 받아온 것처럼 화면에 데이터를 표시하려고 하면 오류가 발생하거나 빈 화면이 뜹니다. 이때 문제를 해결하기 위한 방법이 프로미스입니다. 즉, 쉽게 말하자면 프로미스는 최종 결과를 반환하는 것이 아니라 미래에 어떤 시점에 결과를 제공하겠다는 '약속'을 반환하는 것입니다.

 

프로미스는 세 가지 상태를  가집니다.

프로미스를 사용할 때 알아 두어야 할 기본적인 개념이 바로 프로미스의 상태인데요. 여기서 말하는 상태란, 프로미스의 처리 과정을 의미하며 new promise ( )로 생성하고 종료될 때까지 3가지 상태를 갖습니다. 

 

1. Pending(대기):  비동기 처리 로직이 아직 완료되지 않은 상태

2. Fulfilled(이행): 비동기 처리가 완료되어 프로미스가 결과 값을 반환해 준 상태

3. Rejected(실패): 비동기 처리가 실패하거나 오류가 발생한 상태

 

 

📎 내용 참조

- MDN: Promise

- Blog: 자바스크립트 Promise 쉽게 이해하기