[TIL] Front-end img size handling

Trouble

인스타그램 클론 코딩 프로젝트

 

SNS 특성상 다수의 이미지를 한번에 처리하는 과정에서
렌더링 속도가 현저히 떨어지는 문제 발생

Solution

Formdata 활용, 사용자가 이미지 업로드시 프론트에서 이미지크기 2mb로 제한

const options = {
        maxSizeMB: 2,
        maxWidthOrHeight: 1000,
        useWebWorker: true,
      };