- API 호출 시 타임아웃 설정 없이 느린 응답이나 서버 불능 시 로딩 화면만 보이는 문제 발생 ⏳
Promise.race()
를 사용하여 API 호출과 타임아웃 중 먼저 완료되는 것을 반환하도록 해결 🏁fetch
Promise와 타임아웃 Promise를Promise.race()
에 전달하여 경쟁시킴 🤝- API 응답이 느릴 경우 타임아웃 Promise가 먼저 완료되어 에러 메시지를 표시하고 앱을 보호 🛡️
- 이를 통해 느린 API 응답으로부터 애플리케이션을 보호하고 사용자 경험을 개선 ✨