자바스크립트의 비동기 처리에 사용되는 객체로 자바스크립트에 내장되어있다.
<aside> 💡 비동기 처리? 특정 코드의 실행이 완료될 때까지 기다리지 않고 다음 코드를 먼저 수행하는 것!! 자세한 내용은 이전 콜백함수 포스팅 참고
</aside>
서버에서 받아온 데이터를 화면에 표시할 때 사용한다.
일반적으로 웹 애플리케이션을 구현할 때 서버에서 데이터를 요청하고 받아온 데이터를 출력하는 시도를 하면 오류가 발생하거나 데이터가 없어서 빈화면이 출력된다. 이런 문제점을 해결하는 방법중 하나가 프로미스이다.
new Promise()로 promise객체를 생성한다. 호출시 콜백함수를 선언할 수 있고 콜백함수의 인자로는 resolve,reject가 들어온다.
이때, 콜백함수를 executor(실행자, 실행함수)라고한다.
Promise의 3가지 상태(= 처리과정 )
- Pending(대기) : 비동기 처리 로직이 아직 완료되지 않음
- Fulfilled(이행) : 비동기 처리가 완료되어 프로미스가 결과 값을 반환.
- Rejected(실패): 비동기 처리가 실패하거나 오류발생
실행함수의 변화
프로미스 처리흐름,
Promise 에러처리 방법
기본 바탕으로 reject()매서드가 호출되어 실패 상태가 된 경우이다.
- then()을 사용해서 두번째 인자로 에러를 받기
- catch()를 이용해서 에러받기
더 많은 예외처리 상황을 위해서 가급적 2번의 방식을 사용하는 것을 추천한다.