sy_develop_note

JavaScript 애플리케이션에서 Out Of Memory(OOM) 문제가 발생하면, 그 원인을 파악하고 해결하기 위해서는 메모리 상태를 자세히 분석해야 합니다.이 글에서는 크롬 개발자 도구(DevTools)를 사용하여 OOM 발생 전후의 Heap Snapshot을 비교하고 문제를 분석한 경험을 공유합니다. 👩🏻‍💻 OOM 분석 준비: Heap Snapshot 수집먼저 OOM 원인을 분석하려면 OOM 발생 전후의 Heap Snapshot이 필요합니다.Heap Snapshot은 JavaScript 메모리 상태를 저장한 파일로, 메모리 사용량과 객체 할당 상태를 분석하는데 유용합니다. 크롬 개발자 도구(DevTools)에서 Heap Snapshot 비교하기OOM 문제를 해결하기 위해 저는 크롬 개발자..

JavaScript 애플리케이션의 개발 및 배포 후 Out of Memory (OOM) 오류가 발생했다...😥이 글에서는 OOM 오류의 원인과 이를 해결하기 위한 접근 방법을 중심으로 정리해 보겠습니다. JavaScript Heap Out of Memory 오류란?JavaScript Heap은 애플리케이션이 동적으로 생성하는 객체들이 저장되는 메모리 공간을 의미합니다.JavaScript 애플리케이션의 힙 메모리는 고정된 크기를 가지고 있으며, 이 크기를 초과하면 Heap Out of Memory 오류가 발생하게 됩니다.이 오류는 일반적으로 다음과 같은 상황에서 발생합니다.데이터가 지나치게 많이 로드될 때반복문 안에서 대규모 객체를 생성하고 해제하지 않을 때메모리 누수가 발생할 때 오류 발생 및 문제 파..