모든 제품

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

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

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

워크플로우에는 아래와 같은 단계가 포함됩니다.

  • HAR 파일 생성에 대한 안내
  • HAR 파일 전송에 대한 안내
  • 추가 리소스

HAR 파일 생성에 대한 안내

사용하는 브라우저에서 HAR 파일 및 콘솔 로그 생성에 대한 안내를 읽으려면 아래 탭을 클릭하세요.

Chrome에서 HAR 파일 생성

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

  1. Chrome을 열고 문제가 발생한 페이지로 이동합니다.
  2. ⋮ 버튼을 찾아서 도구 더 보기 > 개발자 도구를 선택합니다.
  3. 창이 표시되면 네트워크 탭을 선택합니다. 문제를 재현하는 동안 메뉴를 열어 두어야 합니다. 

    선택 사항: Zendesk 고객 지원팀에서 WebSocket이 있는 HAR 파일을 요청하는 경우 네트워크 탭에서 소켓 옵션을 선택합니다. 브라우저를 다시 로드하여 WebSocket을 통한 트래픽을 확인합니다. 소켓 옵션은 HAR 파일을 다운로드할 때 모든 로그를 캡처하는 것이 아니라 필터를 표시하고 WebSocket 로그만 다운로드하기 위한 것입니다.
    소켓.jpg
     
  4. 탭 왼쪽 위 모서리에 있는 둥근 기록 버튼이 빨간색인지 확인합니다. 회색이면 버튼을 한 번 클릭하여 기록을 시작합니다.
  5. 그렇지 않은 경우에는 로그 보존 확인란을 선택합니다.
  6. 네트워크 탭에서 기존 로그를 지우려면 회색 교차 원형 버튼을 클릭합니다.
  7. 네트워크 요청이 기록되는 동안 문제를 재현합니다.

  8. 다운로드 버튼인 HAR 내보내기를 클릭해 파일을 다운로드하고 Save as HAR with Content 옵션을 사용하여 컴퓨터에 저장합니다.

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

  9. 추가 조사를 위해 Zendesk 고객 지원팀의 티켓에 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. 편리한 곳에 파일을 저장합니다.
  6. 추가 조사를 위해 Zendesk 고객 지원팀의 티켓에 HAR 파일을 업로드합니다. 
    HAR 파일 전송을 위한 안내를 참조하세요.

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

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

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

Safari에서 HAR 파일 생성

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

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

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

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

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

Edge에서 HAR 파일 생성

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

  1. Edge를 열고 네트워크 도구로 이동합니다.
  2. 네트워크 요청이 기록되는 동안 문제를 재현합니다.
  3. 캡처된 트래픽을 HAR 파일로 내보냅니다.
  4. 추가 조사를 위해 Zendesk 고객 지원팀의 티켓에 HAR 파일을 업로드합니다.
    HAR 파일 전송을 위한 안내를 참조하세요.

Safari에서 HAR 파일을 생성하는 데 문제가 있는 경우 네트워크 활동 검사 도구를 사용하세요.

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

  1. 브라우저 창 오른쪽 위에 있는 점 3개를 선택합니다.
  2. 기타 도구 > 개발자 도구를 클릭합니다.
  3. 개발자 도구 창에서 콘솔 탭을 클릭합니다.
  4. 콘솔을 마우스 오른쪽 버튼으로 클릭하고 모든 기존 로그의 콘솔 지우기를 선택합니다.
  5. 로그 보존 확인란을 선택합니다.
  6. Edge 브라우저에서 문제를 복제합니다.
  7. 표시되는 모든 오류의 스크린샷을 찍습니다.
참고: 이 페이지 오른쪽 아래에 있는 위젯은 50MB를 초과하는 HAR 파일이나 파일의 첨부를 지원하지 않습니다. 대신 이메일이나 Google 드라이브 또는 Dropbox 등의 방법을 통해 Zendesk 고객 지원팀의 티켓에 파일을 첨부하세요.

HAR 파일 전송에 대한 안내

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

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

추가 리소스

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

Zendesk 제공