본문에서는 실제 업무 환경에서 발생할 수 있는 가상의 메모리 누수 상황을 재현하여 지금까지 본 시리즈를 통해서 살펴본 모든 내용을 바탕으로 문제의 원인을 파악하고 그에 대한 해결 방안을 검토해봅니다.

본문에서는 Windows 환경에서 V8 엔진의 소스를 다운로드 받고 Visual Studio Community 2019를 사용하여 빌드하는 방법을 살펴보고, 그 결과물 중 하나로 얻어지는 V8 엔진의 디버그 쉘인 D8을 이용해서 JavaScript 코드를 분석하는 방법을 간략하게 알아봅니다.

본문에서는 개체의 히든 클래스를 동일하게 유지하기 위해 웹 클라이언트 개발자가 알고 있어야 할 사항들을 메모리 힙 스냅샷의 관점에서 조금 더 구체적인 사례 위주로 살펴본 다음, 한 단계 더 깊숙하게 들어가서 V8 엔진이 내부적으로 JavaScript 개체의 속성을 어떠한 범주로 분류하여 관리하는지 검토해봅니다.

본문에서는 Chromium 계열의 브라우저가 메모리 힙 스냅샷을 통해서 제공하는 정보를 보다 잘 이해하기 위해서 V8 엔진의 동작 방식을 간단하게 살펴봅니다. V8 엔진의 실행 파이프라인 및 인라이닝, 히든 클래스, 인라인 캐싱 같은 최적화 기법에 대해서 알아보고 명령줄 스위치를 활용하여 V8 엔진의 관련 추적 로그를 기록하여 검토해봅니다.

본문에서는 IE11 및 Chromium Edge의 F12 개발자 도구를 활용하여 비교 보기 모드 또는 Comparison 보기에서 메모리 힙 스냅샷 간의 비교/분석을 수행하는 방법을 알아보고 직접 간단한 예제도 살펴봅니다.

본문에서는 IE11 및 Chromium Edge의 F12 개발자 도구를 활용하여 메모리 힙 스냅샷을 찍는 기초적인 방법과 여러가지 관점에서 스냅샷을 살펴볼 수 있는 다양한 보기들, 그리고 사용되는 용어들에 관해서 알아봅니다.

본문에서는 F12 개발자 도구의 네트워크 창을 이용해서 브라우저와 서버 간에 전송되는 통신을 모니터링 하는 기본적인 방법과, 전송 내역 목록을 이해하기 위한 몇 가지 정보를 살펴봅니다.

본문에서는 F12 개발자 도구의 디버거 창이 제공하는 작업 시 편의성을 높여줄 수 있는, 내 코드만 디버그와 예쁜 인쇄, 그리고 소스 맵 연결 같은 나머지 도구들을 살펴봅니다.

본문에서는 조건부 중단점, 이벤트 중단점, 추적점, 이벤트 추적점 등과 같은 중단점 탭의 고급 기능과 호출 스택 탭의 기본적인 활용 방법을 조금 더 자세하게 살펴봅니다.

본문에서는 조사식 탭이나 콘솔 창 등을 이용해서 중단된 코드의 문맥을 감안하여 개체 및 변수의 상태를 살펴보고 필요한 경우 그 값을 변경해서 테스트해보는 방법을 알아봅니다.