.gif&blockId=4d486634-eee8-49e7-9cd4-568e278e1d70)
화면
배경
유저 프로필과 게시글 및 답변에 필요한 이미지 업로드 시에 이미지를 편하게 관리하고 이용하면서 용량을 효율적으로 관리하기 위해 S3 스토리지 서비스 이용
우리 사이트에선 고화질 이미지가 필요하지 않은데 이미지 용량을 줄여서 서버로 보내줄 수 없을까?
이미지 용량을 줄여서 서버로 보내줄 수 없을까?구현한 기능
•
BE
AWS S3는 확장성, 데이터 가용성, 보안 및 성능을 제공하는 객체 스토리지 서비스입니다.
손쉽게 이미지 업로드, 삭제 , 조회가 가능하기 때문에 저희는 서비스의 이미지를 관리하는 데에 AWS의 S3를 사용하기로 하였습니다.
AWS S3에 Bucket을 생성하고 각 도메인별 폴더 ㅡ 날짜별 폴더 ㅡ 이미지파일로 생성되게끔하여 관리하였습니다.
이미지 파일의 이름은 UUID + 현재 일시(yyyyMMddHHmmssSSS)를 이용하여 중복되지 않도록 하였습니다.
•
FE
유저가 업로드한 이미지를 미리보기로 확인할 수 있게 코드를 구현하였습니다.
서버의 부하를 최대한 줄이기 위해, Browser Image Compression를 사용해 이미지 용량과 사이즈가 너무 과도하게 크지 않도록 최적화해서 서버로 이미지를 업로드하였습니다.