메모리 패널 개요
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
Memory 패널에는 JavaScript 객체의 메모리 분포를 확인하고, 메모리 누수를 발견 및 격리하고, 함수별로 메모리 할당을 분석하는 등의 작업을 할 수 있는 진단 도구가 있습니다.
개요
Memory 패널을 사용하면 세 가지 프로필 유형을 캡처할 수 있습니다. 이러한 프로필 유형은 다양한 관점의 스냅샷을 표시하고 다양한 유틸리티를 제공합니다.
- 힙 스냅샷. 힙 스냅샷은 페이지의 JavaScript 객체와 관련 DOM 노드 간의 메모리 분산을 보여줍니다.
- 타임라인의 할당 계측. 할당 타임라인은 시간 경과에 따라 계측된 JavaScript 메모리 할당을 보여줍니다. 프로필이 기록되면 시간 간격을 선택하여 프로필 내에 할당된 객체를 확인하고 기록이 종료될 때까지 계속 볼 수 있습니다. 이 프로필 유형을 사용하여 메모리 누수를 격리합니다.
- 할당 샘플링. 샘플링 방법을 사용하여 메모리 할당을 기록합니다. 이 프로필 유형은 성능 오버헤드가 최소화되며 장기 실행 작업에 사용할 수 있습니다. JavaScript 실행 스택별로 분류된 할당의 근사치를 확인할 수 있습니다.
이러한 각 프로필을 실행할 JavaScript VM 인스턴스를 선택할 수 있습니다.
자세한 내용은 다음을 참고하세요.
메모리 패널 열기
Memory 패널을 여는 방법은 다음과 같습니다.
- DevTools를 엽니다.
- 다음을 눌러 명령어 메뉴를 엽니다.
- macOS: Command+Shift+P
- Windows, Linux, ChromeOS: Control+Shift+P
memory
를 입력하고 메모리 표시를 선택한 다음 Enter 키를 누릅니다. DevTools가 DevTools 창 상단에 Memory 패널을 표시합니다.
또는 다음과 같은 방법으로 Memory 패널을 열 수 있습니다.
- 상단의 작업 표시줄에서 double_arrow 추가 패널을 클릭하고 드롭다운 목록에서 메모리를 선택합니다.
- 오른쪽 상단에서 more_vert 옵션 더보기 > 도구 더보기 > 메모리를 선택합니다.
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-02-21(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-02-21(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-02-21(UTC)"],[],[]]