Promise란 무엇이며 어떤 상태를 가지나요?

Question

Accepted Answer

**Promise**는 아직 사용 가능하지 않을 수 있는 값 — 비동기 작업의 최종 결과 — 을 나타내는 객체입니다. 세 가지 상태를 가집니다:

- **pending(대기)** — 초기 상태로, 아직 결정되지 않음.
- **fulfilled(이행)** — 성공적으로 완료됨(값을 가짐).
- **rejected(거부)** — 실패함(이유/에러를 가짐).

일단 결정(이행 또는 거부)되면 **불변(immutable)**이 됩니다 — 다시 바뀔 수 없습니다.

```js
fetch("/api/user")
  .then(res => res.json())     // 이행 시 실행; 반환값이 아래로 흐른다
  .then(user => render(user))
  .catch(err => showError(err)) // 체인의 어떤 거부에서든 실행
  .finally(() => hideSpinner()); // 항상 실행
```

## 체이닝은 중첩된 비동기를 평탄화한다

`.then` 안에서 promise를 반환하면 계속 진행하기 전에 그것을 기다리므로, 깊게 중첩된 콜백("콜백 지옥")을 피할 수 있습니다:

```js
getUser(id)
  .then(user => getPosts(user.id)) // promise 반환 → 체인이 기다린다
  .then(posts => console.log(posts));
```

## 여러 promise를 위한 조합자(combinators)

```js
Promise.all([a, b, c]);     // 모두 대기; 하나라도 실패하면 빠르게 거부
Promise.allSettled([a, b]); // 모두 대기, 각각의 결과/에러를 얻음
Promise.race([a, b]);       // 가장 먼저 결정되는 것으로 결정
Promise.any([a, b]);        // 가장 먼저 이행되는 것 (거부는 무시)
```

## 왜 중요한가

Promise는 비동기 JS의 기반입니다 — 콜백 중첩을 대체했고, `.catch`를 통한 통합된 에러 처리를 제공하며, `async/await`는 그 위에 얹은 더 보기 좋은 문법일 뿐입니다.

`.catch`를 빠뜨리는 것(처리되지 않은 거부)은 흔한 버그입니다.