Promise와 async await 흐름
비동기 코드는 시간이 걸리는 작업의 결과를 Promise로 표현하고 async/await으로 읽기 쉬운 순서 흐름을 만든다.
| 단계 | 의미 | 대표 코드 | 주의점 |
|---|---|---|---|
| Start | 비동기 작업 시작 | fetch(url) | Promise 생성과 결과 수신을 혼동 |
| Pending | 결과가 아직 없음 | loading state | 중복 요청 관리 |
| Fulfilled | 성공 값 도착 | await result | 응답 검증 없이 사용 |
| Rejected | 실패 이유 도착 | try/catch | 에러 UI와 retry 없음 |
| Cleanup | 공통 정리 | finally | 로딩 상태가 남음 |
Promise 흐름은 pending, fulfilled, rejected 상태를 UI 상태와 함께 연결해 읽어야 한다.