간단한 요청 흐름도()

인터셉트 에러

💣 에러 흐름도 (The Error Flow)

1. 점화 (Component): SigninPage에서 await api.post(...)를 호출합니다.

2. 검문소 (Interceptor): 요청이 서버로 날아가기 전에 인터셉터가 가로챕니다.

3. 사고 발생 (Error): 만약 인터셉터에서 에러가 났다? (예: 인터넷 끊김, 설정 오류)

4. 폭탄 투척 (Promise.reject): 인터셉터는 “으악! 에러다!” 하고 폭탄(reject)을 던집니다.

5. 폭발 (await): SigninPage는 await로 기다리고 있다가, 폭탄이 날아오니까 “으악!” 하고 에러를 터뜨립니다.

6. 방패 (catch): try 블록이 깨지고, 즉시 catch (error) 블록으로 이동해서 수습합니다.

Promise의 3가지 상태 (약속)

자바스크립트의 Promise(약속)는 딱 3가지 상태만 있습니다.

1. Pending (대기): “치킨 시키고 기다리는 중…”

2. Resolve (성공/이행): “띵동! 치킨 도착했습니다.” → .then() 또는 try 블록 계속 실행.

3. Reject (실패/거절): “죄송합니다. 배달 오토바이가 넘어졌습니다.” → 즉시 .catch() 블록으로 이동.