일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
Tags
- 비전공자
- 리액트
- github
- web
- 웹디자인기능사실기
- 웹퍼블리셔
- 타입스크립트
- Supabase
- react
- 프론트엔드
- 생활코딩
- JS
- 웹디실기
- 연산자
- CSS
- 정보처리기사
- JavaScript
- PROJECT
- 깃
- 코딩독학
- jQuery
- 코드공유
- HTML
- 렛츠기릿자바스크립트
- git
- 세로메뉴바
- 슬라이드전환
- 웹디자인기능사
- 실기
- 자바스크립트
Archives
- Today
- Total
목록browser-image-compression (1)
코딩하는라민

[React/Project] 이미지 압축해서 업로드하기 (with browser-image-compression 라이브러리) 📌 browser-image-compression 란? browser-image-compression 은 이미지 압축을 위한 자바스크립트 모듈이다. 이 모듈을 사용하면 프로그램 서버에 업로드하기 전 해상도나 저장 용량을 줄여 대역폭을 절약할 수 있다. 📌 사용하게 된 배경 Firebase 용량 이슈 이후 팀원들과 함께 서버에 전송하기 위한 데이터를 최적화하기 위한 작업을 시작했다. 로그인 시 프로필 사진 업로드하고 불러오기, 게시글 작성 시 프리뷰 이미지와 서버로 전송하는 이미지에 대해 해당 라이브러리를 적용해서 최적화를 진행했다. 📌 설치하기 npm install browser-..
프로젝트 관련/Project
2023. 3. 25. 18:29