모든 제품

Zendesk 고객 지원팀에서는 브라우저에서 생성된 네트워크 요청에 대한 추가 정보가 필요할 수 있습니다. 해당 문제가 발생하는 동안 팀원이 HAR 파일이나 네트워크 요청의 로그를 기록해 달라고 요청할 수 있습니다. HAR 파일 외에 모든 브라우저 콘솔 로그를 포함하는 것이 도움이 됩니다. 마찬가지로 HAR 파일 외에 Windows 로그 파일도 수집할 수 있습니다.

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

이 문서는 다음 섹션으로 구성되어 있습니다.

  • HAR 파일을 생성하기 위한 지침
  • HAR 파일을 보내기 위한 지침
  • 추가 리소스

HAR 파일을 생성하기 위한 지침

아래 링크를 클릭하여 사용하는 브라우저에서 HAR 파일과 콘솔 로그를 생성하기 위한 지침을 읽어보세요. 

  • Chrome에서 HAR 파일 생성
  • Firefox에서 HAR 파일 생성
  • Safari에서 HAR 파일 생성
  • Edge에서 HAR 파일 생성

Chrome에서 HAR 파일 생성

  1. Chrome을 열고 문제가 발생하고 있는 페이지로 갑니다.
  2. ⋮ 버튼을 찾아 도구 더보기 > 개발자 도구를 선택합니다.
  3. 창이 나타나면 네트워크 탭을 선택합니다. 문제를 재현하는 동안 메뉴를 열린 상태로 유지해야 합니다. 

    선택 사항: Zendesk 고객 지원팀에서 WebSocket이 포함된 HAR 파일을 요청하는 경우에는 네트워크 탭에서 WS 옵션을 선택합니다. 브라우저를 다시 로드하여 WebSocket을 통한 트래픽을 보기 시작합니다. WS 옵션은 HAR 파일을 다운로드할 때 모든 로그를 캡처하는 것이 아니라 표시 필터 목적으로만 사용하며 WebSocket 로그만 다운로드합니다.
    Chrome의 har 파일에 있는 websockets 옵션

  4. 탭의 왼쪽 위에서 둥근 기록 버튼을 찾아 빨간색인지 확인합니다. 회색이면 버튼을 한 번 클릭하여 기록을 시작합니다.
  5. 그렇지 않으면 로그 보존 확인란을 선택합니다.
  6. 네트워크 탭에서 모든 기존 로그를 지우려면 회색 교차 원 버튼을 클릭합니다.
  7. 네트워크 요청이 기록되는 동안 문제를 재현합니다.
  8. 다운로드 버튼인 HAR 내보내기를 클릭하여 다운로드하고 콘텐츠와 함께 HAR로 저장을 클릭하여 파일을 컴퓨터에 저장합니다.

    chrome에서 네트워크 탭의 다운로드 버튼

  9. 추가 조사를 위해 Zendesk 고객 지원팀에 보내는 티켓에 HAR 파일을 업로드합니다. 
    HAR 파일을 보내기 위한 지침을 참조하세요.

MAC 컴퓨터와 Windows 컴퓨터의 지침이 동일합니다. Chrome에서 HAR 파일을 검색하는 단계가 있는 간략한 애니메이션을 아래에서 찾습니다.

Chrome에서 HAR 파일 생성

이 파일 생성 중 어떤 문제이든 발생하면 Google의 헬프 센터에서 웹 세션 트래픽 캡처 문서를 참조하세요.

빈 HAR 파일을 생성하는 경우에는 내보낸 Chrome HAR 파일이 0바이트를 리턴하는 이유가 무엇인가요? 문제 해결 문서를 참조하세요. 민감한 데이터가 포함된 HAR 내보내기를 사용 설정해야 할 수도 있습니다.

Chrome에서 콘솔 로그를 검색하려면 다음과 같이 하세요.

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

Firefox에서 HAR 파일 생성

  1. Firefox를 열고 문제가 발생하고 있는 페이지로 갑니다.
  2. 네트워크 모니터를 엽니다.
  3. 네트워크 요청이 기록되는 동안 문제를 재현합니다.
  4. 파일 열 아래 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 모두 HAR로 저장을 클릭합니다.

    Firefox에서 모두 HAR로 저장

  5. 편리한 곳에 HAR 파일을 저장합니다.
  6. 추가 조사를 위해 Zendesk 고객 지원팀에 보내는 티켓에 HAR 파일을 업로드합니다. 
    HAR 파일을 보내기 위한 지침을 참조하세요.

MAC 컴퓨터와 Windows 컴퓨터의 지침이 동일합니다. Firefox에서 HAR 파일 생성 중 어떤 문제이든 발생하면 Firefox 소스 문서에서 네트워크 모니터 문서를 참조하세요.

Firefox에서 콘솔 로그를 검색하려면 다음과 같이 하세요.

  1. 도구 메뉴에서 웹 개발자를 선택합니다.
  2. 별도의 창에 콘솔 로그가 나타납니다.
  3. 나타나는 오류를 스크린샷으로 찍습니다.

Safari에서 HAR 파일 생성

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

Safari에서 HAR 파일 생성 중 어떤 문제이든 발생하면 Safari 개발자 웹사이트에서 웹 검사기 문서를 참조하세요.

Safari에서 콘솔 로그를 검색하려면 다음과 같이 하세요.

  1. 환경설정을 열고 고급 탭으로 이동합니다.
  2. 메뉴 바에서 개발자 메뉴 표시를 선택합니다.
  3. 환경설정을 닫습니다.
  4. 메뉴 바에서 개발자 > 오류 콘솔 표시를 선택합니다.
  5. 나타나는 오류를 스크린샷으로 찍습니다.

Edge에서 HAR 파일을 생성하려면 다음과 같이 하세요.

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

Edge에서 HAR 파일 생성 중 어떤 문제이든 발생하면 Microsoft Edge 웹사이트에서 네트워크 활동 검사 문서를 참조하세요.

Edge에서 콘솔 로그를 검색하려면 다음과 같이 하세요.

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

HAR 파일을 보내기 위한 지침

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

추가 리소스

계정에 문제가 있는 경우에는 몇 가지 간단한 자문 및 문제 해결 문서인 자문 및 문제 해결을 참조하세요. 아직 Zendesk 고객이 아닌 경우에는 Zendesk 평가판에 등록하세요.
Zendesk 제공