👨‍💻 사건

• 팀프로젝트 중 검색어에 맞게 유저리스트를 나타나주는 역할을 진행하였다. 이 과정에서, 몇몇개가 이미지렌더가 안되어 alt 속성이 대체되어 나왔다.

✅ 해결

이를 수정하기 위해서, 이미지 태그안에 onError 속성을 추가해 주었다. 이러한 사항을 팀원들에게 알려 팀원들에게 에러 해결방안을 소개해 주었다.

// 렌더링 한 이미지가 에러가 뜰 경우, 기본프로필로 설정이 되도록 설정하였습니다.
const ProfileImage = ({ src, alt = '', width = '36', borderWeight = '0.5', isPointer = 'true' }) => {
  const onErrorImg = (e) => {
    e.target.src = PROFILE1_IMAGE;
  };
  return (
    <Image src={src} alt={alt} width={width} borderWeight={borderWeight} isPointer={isPointer} onError={onErrorImg} />
  );
};