리액트 파이어베이스 대역폭 줄이기

Question

제가 파이어베이스 실시간데이터 베이스랑 스토리지이용해서 게시판 토이프로젝트를 하는중인데요 게시판에 동영상이나 사진같은 것을 올리면 스토리지에 저장하고 글목록에 가져오는식으로 구현했는데요 무료요금제다보니 저장용량같은건 엄청널널한데 전송된대역폭이 너무 많이 나와서 스토리지 사용이 금방 막혀버립니다 .. 어덯게 최적화해서 전송대역폭을 줄일방법이있을까요

조용구 · Answer

안녕하세요 :)

세 가지 정도 생각나서 답변드립니다.

1. HTTP Cache-Control로 한 번 읽은 리소스 브라우저 캐싱하기
한 번 전송했던 리소스는 다시 전송할 필요 없어서 절약 될 것 같아요
https://developer.mozilla.org/ko/docs/Web/HTTP/Headers/Cache-Control

2. 클라이언트 리소스 용량 최적화
적절한 사이즈로 변경해서 용량을 최적화하는 방법입니다.
https://www.npmjs.com/package/image-resize

3. 클릭할 때 이미지와 영상 볼 수 있도록 UI 수정
단순히 스터디가 목적이라면 게시글을 봤을 때 바로 이미지와 영상을 보여주는 것은 불필요할 것 같아요. 때문에 이미지 보기, 영상 보기 버튼을 클릭했을 때 이미지나 영상을 요청해도 괜찮을 것 같아요!