Feature/380 image none substitution

[choiseona]

🚨 Pull request 전에 확인해야 할 사항( [x] 체크해주세요 )

• [x] 반드시 확인할 것!
  pull a topic/feature/bugfix branch 에서 dev branch로 PR요청하는지 확인하세요.
  master/main에 하시면 안됩니다.

• [x] 커밋 또는 모든 커밋의 메시지 스타일이 convention과 일치하는지 확인해주세요.

• [x] PR작업에 대한 오른쪽의 라벨을 붙여주세요.

📌 개요

유효하지 않은 이미지가 오면 대체 이미지를 띄우도록 수정하였습니다. img 태그의 onError를 이용하여 대체 이미지를 설정해주었습니다.

380

✨ 작업 내용

[프로필 이미지]

• 마이페이지
• 인증페이지 - 나의 인증 현황 전체, 참가자 인증 현황, 참가자 인증 현황 전체
• 회원 정보 수정

[챌린지 이미지]

• 챌린지 상세 페이지
• 인증페이지
• 홈 - 홈, 신규, 인기, 추천
• 검색 - 전체, 모집중, 진행중, 완료
• 마이챌린지 - 시작전, 진행중, 완료
• 관심 목록 페이지 - 챌린지 이미지

📸 스크린샷(선택)

🔊 리뷰어에게(선택)

어드민쪽 토픽이나 인스턴스에 대한 챌린지 이미지에 대해서는 토픽이나 인스턴스 사진이 날라갔다는 것을 가시적으로 보여주기 위해서 의도적으로 대체 이미지를 설정하지 않았습니다.

📚 추가 사항(선택)

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
gitget	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 26, 2024 7:28am

[choiseona]

수고하셨습니다 👍 이러면 서버에서 이미지 날라간 상태면 기본이미지를 띄우는 형식맞을까요?

네넵 서버에서 이미지가 날라가게 되면 이미지로 ""가 오게 되는데 이는 이미지에 대해 유효하지 않은 값이므로 기본이미지를 띄우게됩니다! 다만 말씀드렸다시피 어드민 페이지에서의 토픽이나 인스턴스 이미지는 관리자가 사진이 날라갔다는 것을 가시적으로 확인할 수 있어야할 것 같아 대체이미지를 적용하지 않았습니다.