반응형
썸네일 사진 업로드를 하지 않았을 때
데이터베이스에 어떻게 들어가는지 확인해보자.
null이 들어가야 하는데 UUID만 붙어서 들어가 있다.
썸네일에 nullable=true를 설정해주지 않았기 때문이다.
파일을 넣지 않으면 FakeImg가 나오도록 설정해주자.
Post 오브젝트에 thumnail을 nullable=false로 지정해주고,
PostWriteReqDto에서 thumnail에 붙은 @NotNull을 지워준다.
그다음 UUID가 달리지 않게 하기 위해
PostService의 게시글쓰기 메서드를 수정해준다.
// 1. 이미지 파일 저장 (UUID 변경) 후 경로 리턴 받기
String thumnail = null;
if (!postWriteReqDto.getThumnailFile().isEmpty()) {
thumnail = UtilFileUpload.write(uploadFolder, postWriteReqDto.getThumnailFile());
}
그 다음 썸네일이 있으면 이미지를 뿌려주고 없으면 FakeImg를 뿌리기 위해 list.mustache를 수정해준다.
<div class="my_post_list_item_left">
{{#thumnail}}
<img src="/upload/{{thumnail}}" width="100%" height="100%">
{{/thumnail}}
{{^thumnail}}
<div class="my_fakeimg">Fake Image</div>
{{^thumnail}}
</div>
[출처]
https://cafe.naver.com/metacoding
메타 코딩 유튜브
https://www.youtube.com/c/%EB%A9%94%ED%83%80%EC%BD%94%EB%94%A9
반응형