Webworker 썸네일형 리스트형 React에서 이미지 압축 기능 구현하기 이미지 업로드 전 브라우저에서 압축하면 전송량과 서버 부하를 크게 줄여 LCP와 TTFB 개선에 도움됩니다. 실무에서는 라이브러리 방식으로 빠르게 적용하고, 캔버스 기반으로 커스텀 제어를 추가하는 전략이 효율적입니다.1. 빠르게 적용: browser-image-compression가장 간단한 방법은 browser-image-compression 라이브러리를 사용하는 것입니다. 전용 Web Worker를 활용해 큰 이미지도 메인 스레드 블로킹 없이 처리합니다.설치: npm i browser-image-compressionimport React, { useState } from 'react';import imageCompression from 'browser-image-compression';function.. 더보기 이전 1 다음