📘 HAR 파일 저장 가이드

웹 페이지의 네트워크 활동을 기록하려면, 브라우저의 개발자 도구(DevTools) 의 네트워크(Network) 탭을 사용하여 .har 파일을 저장할 수 있습니다.

HAR (HTTP Archive) 파일은 웹 브라우저의 네트워크 요청과 응답을 시간 순으로 기록한 로그 파일로, 파일 형식은 JSON 기반이며 .har 확장자를 사용합니다.

이 파일은 다음과 같은 용도로 활용됩니다:

•

 문제 디버깅: 웹페이지 로딩 문제, API 호출 실패, 느린 응답 등의 원인을 정확히 파악할 수 있습니다.

•

 개발자 지원 요청 시 증거 자료로 활용: 고객이 겪은 문제 상황을 재현 가능한 형태로 전달할 수 있어, 고객지원이나 기술지원팀의 대응이 쉬워집니다.

•

 성능 분석: 각 요청의 시작 시점, 응답 시간, 크기 등을 확인하여 페이지 성능 병목 지점을 분석할 수 있습니다.

.har파일은 https://toolbox.googleapps.com/apps/har_analyzer/ 등에서 열람할 수 있습니다.

불필요한 부분까지 로그 파일을 전달해주시면, 분석에 시간이 오래걸립니다. 결제 오류가 발생하는 앞뒤로 뾰족하게 전달 요청드립니다.

메뉴에서 개발자 도구를 엽니다.

•

경로: 메뉴 > 기타 도구 > 개발자 도구

•

단축키: F12 또는 Fn + F12

Network () 탭을 클릭합니다.

좌측 상단의 둥근 버튼()이 빨간색인지 확인합니다.

•

회색이라면 클릭하여 녹화 시작

 페이지 전환으로 로그 목록이 초기화 된다면, 로그 보존체크박스를 선택합니다.

필요 시 기존 로그 삭제 버튼()을 클릭합니다.

문제를 재현합니다.

네트워크 요청 목록 위쪽의 아래쪽 화살표() 를 클릭하여 HAR 파일로 저장합니다. 

메뉴 > 개발자 > 네트워크 를 클릭하거나

단축키 Ctrl + Shift + E (macOS: Cmd + Alt + E) 사용

우측 상단의 Persist logs(로그 유지) 옵션을 활성화합니다.

문제를 재현한 후, 네트워크 요청 목록에서 우클릭 > Save all as HAR 선택

메뉴에서 개발자 도구를 엽니다.

•

경로: 메뉴 > 기타 도구 > 개발자 도구

•

단축키: F12 또는 Fn + F12

Network 탭을 클릭

좌측 상단 버튼이 빨간색인지 확인

•

회색이라면 클릭하여 녹화 시작

Preserve log 체크박스를 선택

문제를 재현

아래쪽 화살표()를 클릭하여 HAR 파일 저장

Safari를 열고 개발 메뉴로 갑니다. 개발 메뉴가 보이지 않으면 Safari 사용 설명서에서 Mac의 Safari에서 개발 메뉴의 개발자 도구 사용 문서의 지침을 따릅니다.

웹 검사기 표시를 선택합니다.

네트워크 탭을 클릭합니다. 문제를 재현하는 동안 이를 열린 상태로 유지해야 합니다.

네트워크 요청이 기록되는 동안 문제를 재현합니다.

내보내기 아이콘을 클릭하고 HAR 파일을 저장합니다.