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

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

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

• 🧪 문제 디버깅: 웹페이지 로딩 문제, API 호출 실패, 느린 응답 등의 원인을 정확히 파악할 수 있습니다.
• 👨‍💻 개발자 지원 요청 시 증거 자료로 활용: 고객이 겪은 문제 상황을 재현 가능한 형태로 전달할 수 있어, 고객지원이나 기술지원팀의 대응이 쉬워집니다.
• 📊 성능 분석: 각 요청의 시작 시점, 응답 시간, 크기 등을 확인하여 페이지 성능 병목 지점을 분석할 수 있습니다.

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

<aside> ⚠️

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

</aside>

🔹 Chrome

1. 메뉴에서 개발자 도구를 엽니다.
   • 경로: 메뉴 > 기타 도구 > 개발자 도구
   • 단축키: F12 또는 Fn + F12
2. Network (1️⃣) 탭을 클릭합니다.
3. 좌측 상단의 둥근 버튼(2️⃣)이 빨간색인지 확인합니다.
   • 회색이라면 클릭하여 녹화 시작
4. 페이지 전환으로 로그 목록이 초기화 된다면, 로그 보존체크박스를 선택합니다.
5. 필요 시 기존 로그 삭제 버튼(3️⃣)을 클릭합니다.
6. 문제를 재현합니다.
7. 네트워크 요청 목록 위쪽의 아래쪽 화살표(⬇️) 를 클릭하여 HAR 파일로 저장합니다.