221213~1214_데이트 장소 다이어리 제작 8_사진 업로드 기능 구현

해당 게시글은 개인 프로젝트인 "데이트 장소 다이어리 제작" 중
#32 "사진 업로드 기능 구현" 이슈를 다루고 있습니다.

1. 진행 사항

(1) 요약

• FileController 생성 (파일 업로드/다운로드 처리)
• ArticleWithImageDto 생성
• 게시글 작성 시 이미지 첨부 / 삭제 기능 구현
• 게시글 수정 시 이미지 첨부 / 삭제 기능 구현

(2) 상세

2. 결과

• 게시글 수정 페이지
  
• 게시글 수정 -> 사진 업로드 이후
  
• 이미 업로드한 사진이 2장일 때 추가로 업로드하려 할 경우
  
  
• 사진 2장이 업로드 된 게시글 썸네일 -> 첫번째 이미지가 썸네일이 됨
  
  
• 첫번째 사진 삭제 시 자동으로 2번째 이미지가 썸네일이 됨
  

3. 미흡한 점 및 개선 사항

• 썸네일 생성 시 Thumbnailator로 200 * 200 으로 만들고 있는데 살짝 화질이 열화되는 감이 있음
• 이미지가 없는 게시글의 경우 단색 svg로 썸네일을 채우고 있는데 별도 이미지를 만들어서 표시할 예정 (이쁘지가 않다)