이미지 파일을 서버에서 다루기 (작업중)

발견한 문제

구조상 프론트에서 많은 양의 이미지 파일을 한 번에 요청한다.
이 때 서버에서 OutOfMemoryError가 터진다.

문제의 화면

화면에서는 2개의 이미지만 보이지만 관리자 콘솔로 보면은 10 ~ 20개의 이미지 파일을 요청하고 모든 요청에 대한 응답(성공 or 실패)을 받기 전까지는 검은화면이다.

Error Log

CPU 사용률

RDB SlowQuery(1.5초)는 찍히지 않았다.

해결 방안

1. 일단 MVP 단계여서 급하게 만들었다. GIF 형식도 그대로 받음
   모두 MP4나 WEBP 형식으로 컨버팅하기 (화질은 그대로인데 용량이 1/8이라고 한다.)

2. 프론트에서 S3로 바로 요청하기, 서비스 동작에 많은 부분을 서버쪽으로 풀어냈다.
   지금도 프론트 개발자분이 바빠서 최대한 백엔드에서 문제를 해결해야 함
   (어떤 방향이라도 프론트 로직을 개선하기에는 해당 작업자가 시간이 없다.)

3. 인스턴스 스케일 업, 개인 프로젝트여서 돈이 아깝다.