- Published on
이미지 업로드
- Authors
- Name
- 길재훈
이미지 업로드 최적화
기존의 방식은 backend
를 통해 업로드 한후 googlestorage
에서 해당 url
을 다운받아 미리보기를 보여주는 방식으로 계속 사용해 왔다.
이러한 방식은 2가지 좋지 않은 점이 존재한다.
- 미리보기 너무 느림
- 이미지 찌꺼기 남음
이미지 찌꺼기란, 사용하지 않는 잉여 이미지들을 뜻한다. 기존의 방식이 사진을 선택하면, 자동적으로 업로드 되어 보여주는 방식으로 되어 있다보니, 이미지가 바로 저장되었던 상황이라 이미지 찌꺼기가 지속 발생했다
이러한 부분을 개선하기 위한 방법은 브라우저 자체에서 iamge
를 보여주는 방식을 사용한다.
이렇게 미리 보여주고 등록버튼을 누르면 createBoard
와 imageUpload
쿼리를 같이 보내는 방식을 사용한다