고화질 사진을 서버로 바로 보내면 트래픽 비용이 증가하고 업로드 속도가 느려집니다. browser-image-compression 라이브러리를 사용하여 클라이언트(브라우저) 단에서 이미지를 효율적으로 압축하고 리사이징하는 방법을 알아봅니다. 서버 비용 아끼는 Frontend 기술: 이미지 압축 업로드요즘 스마트폰으로 찍은 사진은 기본 5MB~10MB를 훌쩍 넘습니다. 이 원본 파일을 그대로 서버(AWS S3 등)에 업로드하면 스토리지 비용 증가, 데이터 전송 요금 폭탄, 그리고 느린 사용자 경험(UX)이라는 삼중고를 겪게 됩니다.백엔드에서 리사이징을 할 수도 있지만, 애초에 프론트엔드에서 용량을 줄여서 보낸다면 네트워크 트래픽 자체를 획기적으로 줄일 수 있습니다.1️⃣ browser-image-compr..
