모바일 전단지를 제작하는 서비스를 고도화시키는 작업을 진행하다가 버그를 발견했다. 오래전에 만든 페이지의 경우 미리보기용 이미지를 삭제하기 때문에, 미리보기 할 경우 img의 alt 속성의 문자열이 보이는 것이다. 물론 이건 버그가 아닌 정상적인 html의 동작이다. 하지만, 이미지를 표시하지 못한 경우와 이미지가 없는 경우(네트워크 문제 혹은 만료되서 삭제)는 구분해서 처리해줘야 하지 않겠는가. 이때 img태그의 onError 속성을 이용하여 처리를 해주자. const [isGetImgError,setImgError] = useState(false); const onGetImgError = (e)=>{ setImgError(true); }; ... {isGetImgError ? 이미지가 만료되었습니다...