실행 순서는 다음과 같습니다:
- 최초 이미지 로드 시도
- 에러 발생 (onerror 트리거)
- src 변경
- 새로운 로딩 사이클 시작
- 두 번째 요청의 onerror는 무시됨 (이미 src가 변경되었기 때문)
주의할 점:
- onerror 이벤트는 비동기적으로 발생합니다
- src 변경 시 즉시 새로운 로딩 사이클이 시작됩니다
- 동시에 발생한 두 번째 요청의 onerror는 첫 번째 요청의 src 변경 이후에 무시될 수 있습니다
이를 방지하기 위한 개선된 코드: