단일 페이지 앱이 중요하지 않은 UI 데이터를 위해 XMLHttpRequest를 사용하여 서드 파티 API를 호출합니다. API 응답은 렌더링을 차단해서는 안 되며, UI는 타임아웃/오류를 정상적으로 처리해야 합니다. 어떤 접근 방식이 가장 좋을까요?

정답은 XHR을 비동기식(async=true)으로 만들고 타임아웃/오류 시 API 위젯을 생략하는 것입니다. 비동기 호출은 UI 렌더링을 차단하지 않아 사용자 경험을 유지합니다. 중요하지 않은 데이터이므로, 오류 발생 시 위젯을 생략하는 것이 UI의 정상적인 작동을 보장하는 가장 좋은 방법입니다. XHR을 동기식으로 만들면(async=false) UI 렌더링이 차단되어 사용자 경험이 저해됩니다. 무기한 재시도는 시스템 리소스를 소모하고 사용자에게 불필요한 지연을 초래할 수 있습니다. API 오류 응답을 UI 위젯에 직접 표시하는 것은 사용자에게 혼란을 줄 수 있으며, 중요하지 않은 데이터의 경우 불필요합니다.