HAR 생성 방법

HAR(HTTP ARchive format) 파일은 웹브라우저와 사이트간의 상호작용을 로그로 남기는 파일로 주로 아래와 같은 이슈를 검토 할 때 사용됩니다. 관련 문제를 겪고 있을 경우 HAR 파일을 함께 남겨주시면 보다 신속하게 문제를 해결할 수 있습니다.

• 성능 이슈 : 느린 페이지 로딩, 특정 작업을 수행할 때 타임아웃 발생

• 페이지 렌더링 : 페이지 포맷 오류, 정보 누락

✅ 모바일에서 문제가 발생할 경우 사용 가능한 PC에서 동일한 문제 발생 여부를 확인해주시고, PC에서 브라우저별 안내된 내용에 따라 har 파일을 저장해 회신해주세요.
✅ har 파일 저장 시도 시 불필요한 브라우저창은 닫아 데이터의 양을 제한해주시기 바랍니다.
✅ 크롬, 엣지, 사파리 외 다른 브라우저를 사용하시거나, PC 사용이 어려우신 경우 오류 발생 영상을 녹화해 남겨주세요.

1. 크롬/엣지 브라우저 
   1. 브라우저 오른쪽 상단 모서리에 있는 세 개의 점을 클릭하고 추가 도구 > 개발자 도구를 선택합니다.  
   2. 패널이 열리면 네트워크 탭을 선택합니다.
   3. 로그 보존(Preserve log) 확인란을 선택합니다.
   4. 왼쪽 상단에서 빨간색 원을 찾습니다. 이것은 기록 버튼이며 활동을 기록하는 다른 프로그램처럼 작동합니다. 빨간색이면 기록이 시작된 것입니다. 회색이면 기록 중이 아닙니다. 버튼이 회색이면 눌러서 기록을 시작합니다.
   5. 문제가 발생하는 상황을 브라우저에서 시도해봅니다.
   6. 빨간색 기록 버튼을 다시 눌러 기록을 중지합니다.
   7. 네트워크 탭에서 다운로드 버튼을 눌러 HAR 파일을 저장합니다.
2. 사파리 브라우저
   1. Safari 메뉴 > 환경설정 > Advanced(고급) 탭으로 이동하여 Show Develop menu in menu bar(메뉴 표시줄에 현상 메뉴 표시) 확인란을 선택합니다. 개발 메뉴가 표시되지 않는 경우 Safari 사용 설명서에서 Mac에서 Safari의 개발 메뉴에서 개발자 도구 사용 문서를 확인해주세요.
   2. 웹 인스펙터 표시를 선택합니다.
   3. 네트워크 탭을 선택합니다. 문제를 재현하는 동안에는 탭을 열어 두어야 합니다.
   4. 문제가 발생하는 상황을 브라우저에서 시도해봅니다.
   5. 내보내기(Export) 아이콘을 클릭하고 HAR 파일을 저장합니다.