[React] S3 서버에 있는 이미지 파일을 (압축)저장하는 방법

클라이언트에서 S3 서버에 있는 이미지 파일을 저장하는 방법은 대중적으로 document에 가상 a tag를 생성하여 createObjectURL으로 blob url을 생성, 이후 a tag에 setAttribute로 href와 download 속성을 지정하여 다운로드 시킨 후, URL.revokeObjectURL(url)을 통해 해제하는 방법이 있습니다.

 

하지만 여러장의 이미지를 다운로드 받을 때, 이와 같이 다운로드 하는 것 보다는 zip 압축파일을 사용하여 다운로드 하는 편이 로컬 디렉토리에 압축을 해제하면서 지정할 수 있다는 점에서 좋아보였습니다. (현재는 브라우저 설정으로 다운로드 폴더 or 다운로드 시 매번 확인)