Search

갤러리 CRUD / 이미지 출력 수정

유형
CRUD
이미지처리
Contribution
Date
2023/03/17 → 2023/03/18
링크
비고
문제상황
게시글의 이미지를 리스트 화면에서 불러오지 못하는 상황
불러진 이미지는 엑박이였으며, 이미지 주소를 확인한 결과 이미지 출력에 필요한 fpIdx 값이 입력되지 않는 상황
원하는 출력방향
Service
초기 서비스 코드이다.
지금은 수정해서 내용이 바뀌였지만 실행시 콘솔창을 보면 초기에는 fpIdx 를 불러오지 못했다.
즉 위에서 thumb 부분을 불러오지 못했다는 소리이다.
때문에GalleryListResponse.toDtoList 를 다시한번 확인하였다.
GalleryListResponce.toDtoList
확인해보니 fpIdx 를 저장하는 필드 자체가 없었다. 그래서 다음과 같이 만들어주었다.
한개의 게시글에 여러개의 이미지를 넣을 수 있기 때문에 첫번째 이미지를 썸네일로 지정했다. 또한 썸네일이 없을 때의 경우도 필요하기 때문에 그에 맞추어 코드를 짰다.
( 후에 조원들과 상의해서 사진을 넣지않으면 게시글을 못올리게 할 경우, 이부분은 수정이 필요하다.)
화면을 보면 썸네일 외의 다른 내용은 출력하지 않으므로 날짜에 대한 부분은 삭제해주었다. 아래는 최종 GalleryListResponse 이다.
Thymeleaf
아래와 같이 적절한 값을 넣어서 완성하였다.
이미지 파일의 경로 수정
이미지 파일을 프로젝트 내부에 저장하도록 지정하면 나중에 배포시 이미지가 엑박으로 뜬다고 한다. 이를 방지하기 위해 이미지를 외부 경로에 저장할 수 있도록 수정하였다. (권한문제 때문에 C 드라이브에 저장이 되지 않는 경우 수정하셔도 됩니당)
혹시나 해서 올리는 권한 문제 글입니당