[Spring Boot] Open API 이미지가 일부만 없는 경우(대체이미지 사용)

❗️ 문제상황

 

아래 사진처럼 Open API에서 끌어온 이미지 중 일부가 존재하지 않을 경우 저렇게 엑박이 떠서 보기가 안좋다.

DB에 하나하나 넣긴 노가다고 이걸 어떻게 하면 좋을까 생각하던 중 대체이미지를 쓰자는 결론에 다다랐다.

 

 

➡️ 기존 코드 (이미지를 띄우는 부분)

<img th:src="${animal.photoUrl.startsWith('http') ? animal.photoUrl : 'http://' + animal.photoUrl} " alt="동물 이미지" />

 

🔧 해결 방법

UPDATE Animal
SET PHOTO_URL = 'https://loremflickr.com/cache/resized/521_31094492753_0bb59abbde_z_600_400_nofilter.jpg' 
WHERE PHOTO_URL = "";

 

이런식으로 MySQL 쿼리문을 이용하여 db빈칸을 매꿔주었다.

where ~~ =null; 이 아니라 = ""; 로 짠 이유는 null값이 아니라 공백값이었기 때문이다

이렇게 넣은 대체이미지를 타임리프로 잘 띄워서 사용하면 될듯함니다.