채팅 메시지를 전송할 때, 이미지 파일 전송도 가능케 하였는데 사용자가 휴대폰을 통해 메시지를 확인할 경우, 이미지 파일의 크기가 크면 로딩 시간이 길어져 사용자 경험에 악영향을 줄 거 같아 개선 작업을 진행했습니다.
이미지 파일을 전송할 때, 파일 크기를 줄여 썸네일 이미지도 추가적으로 생성하였습니다.
그러나 로컬에서 이 기능을 개발하고 개발 서버로 배포하였을 때, "JavaScript heap out of memory" 에러가 발생했습니다.
구글링 결과, 이 문제는 node 서버의 기본 메모리 할당량이 500MB로 제한되어 있기 때문에 나타나는 걸로 확인됐습니다.
이를 해결하기 위해 "npm start" 스크립트를 통해 서버가 실행될 때 다음 두 가지 기능을 추가함으로써 메모리 사용량을 조절했습니다.
- 서버의 메모리 제한을 운영 서버에 맞춰 4GB로 설정
- 메모리 사용량을 최소화하기 위해 sourcemap 파일을 생성하지 않도록 설정
이를 통해 서버가 정상적으로 실행되었으며, 채팅 메시지 확인 시 발생할 수 있는 로딩 지연 문제도 개선할 수 있었습니다.
