모든 제품

이 튜토리얼에서는 고객 지원팀에서 문제 해결을 위해 요청하는 네트워크 요청 및 오류 로그를 생성하는 방법을 알아봅니다. 문제가 발생하면 팀원이 HTTP 보관(HAR) 파일이나 네트워크 요청 로그를 기록해 달라고 요청할 수 있습니다. 모든 문제를 해결하기 위해 HAR 파일 외에 모든 브라우저 콘솔 로그를 포함합니다.

마찬가지로 HAR 파일 외에 Windows 로그 파일을 수집할 수도 있습니다.

참고: HAR 파일에는 기록할 때 다운로드하는 쿠키 및 페이지의 콘텐츠 등의 데이터가 포함되어 있습니다. HAR 파일에 액세스할 수 있는 사람은 누구나 기록 프로세스 중에 제출한 데이터를 볼 수 있으며, 여기에는 개인 데이터 또는 민감한 데이터가 포함될 수 있습니다. 이에 따라 HAR 파일의 보안을 강화하세요. Cloudflare에서는 모든 민감한 정보를 제거하는 HAR 새니타이저(sanitizer)를 출시했습니다.

이 워크플로우에는 다음 단계가 포함됩니다.

HAR 파일 생성 안내

탭을 선택하여 사용하는 브라우저에서 HAR 파일 및 콘솔 로그 생성에 대한 안내를 읽습니다.

Chrome에서 HAR 파일 생성

Chrome에서 HAR 파일을 생성하려면 다음을 수행하세요.

  1. Chrome을 열고 문제가 발생한 페이지로 이동합니다.
  2. ⋮ 버튼을 찾아서 도구 더 보기 > 개발자 도구를 선택합니다.
  3. 창에서 네트워크 탭을 선택합니다. 문제를 재현할 때 메뉴를 열어 둡니다. 선택 사항: 고객 지원팀에서 WebSocket이 있는 HAR 파일을 요청하는 경우 네트워크 탭에서 소켓 옵션을 선택합니다. 브라우저를 다시 로드하여 WebSocket을 통한 트래픽을 확인합니다. 소켓 옵션은 HAR 파일을 다운로드할 때 모든 로그를 캡처하는 것이 아니라 표시를 필터링하고 WebSocket 로그를 다운로드합니다.네트워크 탭의 소켓 옵션
  4. 탭 왼쪽 위 모서리에 있는 둥근 기록 버튼이 빨간색인지 확인합니다. 회색이면 버튼을 클릭하여 녹음 프로세스를 시작합니다.
  5. 로그 보존 확인란을 선택합니다.
  6. 네트워크 탭에서 기존 로그를 지우려면 회색 교차 원형 버튼을 클릭합니다.
  7. 네트워크에서 요청을 기록할 때 문제 재현

  8. 다운로드 버튼인 HAR 내보내기를 클릭하여 파일을 다운로드하여 컴퓨터에 저장하고 콘텐츠와 함께 HAR로 저장을 선택합니다.

    Chrome 네트워크 탭의 다운로드 버튼

  9. 추가 조사를 위해 HAR 파일을 티켓에 업로드합니다. HAR 파일 전송에 대한 안내를 참조하세요.

지침은 Mac 또는 Windows 컴퓨터에서 동일합니다. 이 애니메이션은 Chrome에서 HAR 파일을 검색하는 단계를 보여줍니다.

Chrome에서 HAR 파일을 생성하는 방법을 보여주는 애니메이션

파일을 생성하는 데 문제가 있는 경우 웹 세션 트래픽을 캡처합니다.

0바이트 크기의 빈 HAR 파일을 생성하는 경우에는 민감한 데이터로 HAR 내보내기를 사용 설정합니다 .

Chrome에서 콘솔 로그를 검색하려면 다음을 수행하세요.

  1. Chrome용 주 메뉴를 엽니다.
  2. 기타 도구 > 개발자 도구로 이동합니다.
  3. 콘솔 탭을 열고 모든 오류의 스크린샷을 찍습니다.

Firefox에서 HAR 파일 생성

Firefox에서 HAR 파일을 생성하려면 다음을 수행하세요.

  1. Firefox를 열고 문제가 발생한 페이지로 이동합니다.
  2. 네트워크 모니터를 엽니다.
  3. 네트워크에서 요청을 기록할 때 문제 재현

  4. 파일 열 아래에서 아무 곳이나 마우스 오른쪽 버튼으로 클릭한 다음 모두 HAR로 저장을 클릭합니다.

    Firefox에서 모두 HAR로 저장

  5. 편리한 위치에 HAR 파일을 저장합니다.
  6. 추가 조사를 위해 HAR 파일을 티켓에 업로드합니다. HAR 파일 전송에 대한 안내를 참조하세요.

지침은 Mac 또는 Windows 컴퓨터에서 동일합니다. Firefox에서 파일을 생성하는 데 문제가 있는 경우 네트워크 모니터를 사용하세요.

Firefox에서 콘솔 로그를 검색하려면 다음을 수행하세요.

  1. 도구 메뉴에서 웹 개발자를 선택합니다.
  2. 별도의 창에 콘솔 로그가 표시됩니다.
  3. 모든 오류의 스크린샷을 찍습니다.

Safari에서 HAR 파일 생성

Safari에서 HAR 파일을 생성하려면 다음을 수행하세요.

  1. Safari를 열고 개발 메뉴로 이동합니다. 개발 메뉴가 보이지 않는 경우에는 Mac의 Safari에서 개발 메뉴에서 개발자 도구 사용을 참조하세요.
  2. 웹 인스펙터 표시를 선택합니다.
  3. 네트워크 탭을 클릭합니다. 문제를 재현할 때 열린 상태로 유지합니다.
  4. 네트워크에서 요청을 기록할 때 문제 재현
  5. 내보내기 아이콘을 클릭하고 HAR 파일을 저장합니다.Safari 로그 내보내기
  6. 추가 조사를 위해 HAR 파일을 티켓에 업로드합니다. HAR 파일 전송에 대한 안내를 참조하세요.

Safari에서 파일을 생성하는 데 문제가 있는 경우 웹 검사기를 사용하세요.

Safari에서 콘솔 로그를 검색하려면 다음을 수행하세요.

  1. 기본 설정을 열고 고급 탭으로 이동합니다.
  2. 메뉴 모음에서 개발자 메뉴 표시를 선택합니다.
  3. 기본 설정을 닫습니다.
  4. 메뉴 모음에서 개발자 > 오류 콘솔 표시를 선택합니다.
  5. 모든 오류의 스크린샷을 찍습니다.

Chromium 기반 브라우저의 여러 브라우저 탭에 걸쳐 HAR 파일 생성

여러 브라우저 탭에서 HAR 파일을 생성하도록 Chromium 기반 브라우저를 설정하려면 다음과 같이 하세요.

  1. 브라우저가 열려 있는 상태에서 개발자 도구 서랍을 엽니다. 또는 브라우저의 설정 메뉴를 열고 도구 더 보기를 선택합니다. >개발자 도구 문서를 참조하세요.
  2. 개발자 도구 서랍의 설정을 엽니다.
  3. 전체 설정 영역으로 스크롤하여 팝업용 DevTools 자동 열기 옵션을 선택합니다.
  4. 설정 메뉴 닫기
  5. HAR 파일을 기록하려는 페이지로 이동하여 개발자 도구 서랍이 열려 있는지 확인합니다.

개발자 도구 서랍이 열려 있는 한, 페이지의 링크를 통해 여는 모든 페이지나 탭도 개발자 도구 서랍이 열린 상태로 열리고 HAR 파일 레코드 프로세스를 시작합니다.

HAR 파일 전송에 대한 안내

Zendesk에 HAR 파일을 보내기 전에 다음을 수행하세요.

  • HAR 파일의 이름을 바꾸고 zip 파일로 만들거나 압축합니다.
  • 압축되지 않은 HAR 파일은 Zendesk 첨부 파일 제한을 초과하는 경우가 많습니다.
  • 기본적으로 HAR 파일은 페이지 URL을 파일 이름으로 사용합니다.
  • 확장자가 .com인 파일은 스팸 및 피싱 필터에 의심스럽게 보입니다. 전체 URL을 포함하지 않으면서 HAR 파일을 설명하는 이름을 지정합니다.

추가 리소스

계정에 문제가 있는 경우 문제 해결 가이드를 사용하여 문제를 진단하세요. 아직 Zendesk 고객이 아니라면 지금 등록하여 Zendesk 평가판을 받으세요.

번역 고지 사항: 본 문서는 콘텐츠에 대한 기본적인 이해를 제공하기 위해 자동 번역 소프트웨어를 사용하여 번역되었습니다. 정확한 번역을 제공하고자 합당한 노력을 기울였으나 Zendesk는 번역의 정확성을 보장하지 않습니다.

번역된 문서에 포함된 정보의 정확성과 관련하여 질문이 있으시면 문서의 공식 버전인 영문 버전을 참조하시기 바랍니다.

Zendesk 제공