캐시 데이터 보기
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 가이드에서는 Chrome DevTools를 사용하여 캐시 데이터를 검사하는 방법을 설명합니다.
HTTP 캐시 데이터를 검사하려는 경우 이 가이드는 적합하지 않습니다. Network Log의 Size 열에는 찾고 있는 정보가 있습니다. 네트워크 활동 기록을 참조하세요.
캐시 데이터 보기
DevTools > 애플리케이션 > 스토리지를 엽니다.
사용 가능한 캐시를 보려면
캐시 저장소를 펼칩니다.
![사용 가능한 캐시.](https://developer.chrome.com/static/docs/devtools/storage/cache/image/available-caches-edb1a6c17b196.png?authuser=3&hl=ko)
캐시를 클릭하여 콘텐츠를 확인합니다.
![캐시의 내용 보기](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-caches-contents-d8f5daa92cf44.png?authuser=3&hl=ko)
리소스를 클릭하면 표 아래의 섹션에서 HTTP 헤더를 확인할 수 있습니다.
![리소스의 HTTP 헤더 보기](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-resources-http-7ab3484155b01.png?authuser=3&hl=ko)
미리보기 탭을 열어 리소스의 콘텐츠를 확인합니다.
![리소스의 콘텐츠 보기](https://developer.chrome.com/static/docs/devtools/storage/cache/image/viewing-resources-conte-a63b79c240c.png?authuser=3&hl=ko)
리소스 새로고침
- 캐시의 데이터 보기
새로고침할 리소스를 선택합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
![리소스 선택](https://developer.chrome.com/static/docs/devtools/storage/cache/image/selecting-resource-2bbf13760e0af.png?authuser=3&hl=ko)
Refreshrefresh를 클릭합니다.
리소스 필터링
- 캐시의 데이터 보기
- 경로별 필터링 텍스트 상자를 사용하여 제공된 경로와 일치하지 않는 모든 리소스를 필터링합니다.
![지정된 경로와 일치하지 않는 리소스를 필터링합니다.](https://developer.chrome.com/static/docs/devtools/storage/cache/image/filtering-resources-do-60c3d293f759a.png?authuser=3&hl=ko)
이 예에서는 경로에 script
가 포함되지 않은 리소스를 필터링합니다.
리소스 삭제
- 캐시의 데이터 보기
삭제할 리소스를 클릭합니다. DevTools에서 파란색으로 강조 표시하여 선택되었음을 나타냅니다.
![삭제할 리소스를 선택합니다.](https://developer.chrome.com/static/docs/devtools/storage/cache/image/selecting-resource-dele-fac7562b900ba.png?authuser=3&hl=ko)
선택항목 삭제
를 클릭합니다.
모든 캐시 데이터 삭제
- 애플리케이션 > 저장소를 엽니다.
Cache 섹션에서
Cache Storage가 사용 설정되어 있는지 확인합니다.
사이트 데이터 삭제를 클릭합니다.
![캐시 저장공간 체크박스 및 사이트 데이터 삭제 버튼](https://developer.chrome.com/static/docs/devtools/storage/cache/image/the-cache-storage-checkbo-fc0e3720fd4a9.png?authuser=3&hl=ko)
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2019-03-25(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":"기타"
}]