HAR파일이 무엇인가요?
HAR는 'HTTP Archive'의 줄임말입니다. 이것은 브라우저 세션 내의 추적 정보 로그를 포함하는 파일입니다. 요청 및 응답 헤더, 본문, 자산 로드에 걸리는 시간을 포함하여 브라우저가 웹 사이트 페이지에 작성한 웹 요청을 기록합니다.
왜 이 정보가 필요한가요?
문제 현상 조사 시 개발팀에서 사용자의 네트워크에 대한 더 많은 정보와 해당 문제에 대한 오류를 파악하기 위하기 위해 필요합니다.
네트워크 활동 내역 확인 방법
구글 크롬:
키보드에서 F12키를 누릅니다
Ctrl + Shift + J (맥에서 Cmd + Option + J)
페이지 빈 공간에서 오른쪽 마우스를 클릭한 후 '검사'를 선택합니다
마이크로소프트 엣지:
키보드에서 F12를 누릅니다
Ctrl + Shift + J (맥에서 Cmd + Option + J )
페이지 빈 공간에서 오른쪽 마우스를 클릭한 후 'Inspect Element' 를 선택합니다
사파리:
전제 조건: Safari를 열고 환경 설정을 클릭한 다음 '고급' 탭에서 "메뉴 막대에 개발 메뉴 표시"란을 선택합니다
이제 상단의 '개발' 탭에 액세스하고 'Show Error Console' (Cmd + Option + C)를 클릭하여 열 수 있습니다
모질라 파이어폭스:
Ctrl + Shift + J (맥에서 Cmd + Option + J on Mac)
동작 메뉴를 클릭한 다음 '웹 개발자' > '브라우저 콘솔'을 선택합니다
중요사항! Taskworld에서 작업을 수행하기 전에 콘솔을 열어두어야 합니다. 그렇지 않으면 콘솔이 브라우저 활동을 인식하지 못할 수 있습니다.
깨끗한 네트워크 로그를 캡처하기 위해 콘솔을 열고 다음 단계를 수행하는 것을 권장합니다.
네트워크 탭으로 갑니다
네트워크 탭을 선택합니다
모든 항목을 지웁니다
페이지 새로고침을 합니다
데이터 수집을 진행합니다
HAR 파일을 내보내는 방법은 어떻게 되나요?
'네트워크' 탭에서 작업을 Taskworld에서 수행한 후에는 아래 스크린샷에 표시된 대로 HAR 파일을 다운로드할 수 있는 옵션이 제공됩니다.
(구글 크롬에서의 예시)
심층 조사를 위해 HAR (HTTP 아카이브) 파일을 제공해주시면 정확한 사항을 파악하는데 큰 도움이 됩니다. 그러나 네트워크 활동에는 민감한 정보가 포함될 수 있다는 점을 이해합니다. 이러한 경우 "네트워크" 탭의 화면 캡처를 대체로 사용할 수 있습니다.
지원팀은 특정 탭과 라인을 캡처하고 제출하도록 요청할 수 있습니다. 이를 통해 개발팀에서 네트워크 활동을 분석하고 문제를 해결하는 데 더 효과적으로 파악하는데 사용할 수 있습니다.
민감한 정보를 공유하는 데 대한 우려사항이 있으면 지원팀에 알려주시면 추가적인 안내를 제공해 드리겠습니다.