# Lazy/PreLoad.

pbs1014

1.이미지 업로드 방식 FileReader Async-await 와 for Promise.all 3.이미지 불러오기 LazyLoad/preLoad FileReader 기존의 이미지 업로드 방식은 Storage를 통해서 브라우저 => 백엔드 => Storage 로 업로드를 하며 Storage => 백엔드 => 브라우저 의 방식이였다. 이런 방식은 Storage와 서버에 부하를 주며 Storage를 한번 갔다 오기 때문에 브라우저에서 미리보기를 보여주는 시간이 추가로 발생하고, 사진 업로드후 등록은 안하거나 하는 경우에 의해 Storage에 이미지 찌꺼기들이 쌓이는 현상을 불러일으켜 서버비용을 낭비 시킨다. 미리보기 같은 경우에는 해결책으로 JS로 브라우저에서 js로 읽을 수 있는 image의 URL을 만들어 Storage에 보내지않고* 바로 읽을 수 있게* 만드는 방법이 있고, 이미지 찌꺼기가 쌓이는 경우엔 최종게시글을 등록할 떄