주 콘텐츠로 건너뛰기

문제 해결을 위한 콘솔 로그/HAR 파일 생성

지원되는 브라우저에서 Vimeo를 사용하는 데 기술적인 문제가 있는 경우, Vimeo 지원팀이 기술 문제를 해결하고 디버깅하는 데 도움이 되도록 캡쳐본이나 파일을 첨부하도록 요청할 수 있습니다. 여기에는 콘솔 로그, HAR 파일이 포함될 수 있습니다. 

  • 콘솔 로그는 브라우저가 웹페이지 코드와 상호 작용하는 방식에 대한 인사이트를 제공하는 데 도움이 됩니다. 

  • HAR 파일(HTTP ARchive 형식 파일)은 브라우저가 네트워크 수준에서 웹사이트와 상호 작용하는 방식에 대한 인사이트를 제공하는 데 도움이 됩니다. 

⚠️참고: HAR 파일에는 기록 중인 페이지의 콘텐츠와 쿠키가 포함될 수 있으며 여기에는 민감한 정보(비밀번호, 사용자 ID 및 신용카드 번호를 포함하되 이에 국한되지 않음)가 포함될 수 있습니다. 아래의 각 브라우저의 지침에 따라 데이터를 캡쳐하기 전후에 모든 로그를 삭제하세요. 

이 도움말에서는 다음 브라우저에서 콘솔 로그와 HAR 파일을 수집하는 방법을 안내합니다.

Apple Safari

콘솔 로그: 

💡팁: 기본적으로 Safari는 메뉴 표시줄에서 개발자용 메뉴를 숨깁니다. 이 메뉴는 콘솔의 홈인 개발자 패널에 액세스하기 위해 활성화되어야 합니다. 메뉴 표시줄에 표시되지 않는 경우 브라우저에서 활성화해야 합니다.

개발자용 메뉴를 표시하려면, 

  1. 상단 메뉴에서 Safari를 클릭하고 환경설정 메뉴로 이동합니다. (또는 키보드에서 ⌘ 선택)
    mceclip0.png

  2. 환경설정 메뉴에서 고급 탭을 클릭합니다.

  3. '메뉴 막대에서 개발자용 메뉴 보기' 옆의 체크박스가 선택되어 있지 않은 경우 클릭합니다. 

  4. 개발자용 메뉴가 상단 표시줄(책갈피와 윈도우 사이)에 나타나는 것을 확인한 후 환경설정 메뉴를 종료합니다. 

콘솔 로그에 액세스하려면,

  1. Apple Safari에서 개발자용 메뉴를 클릭합니다. 

  2. 웹 속성 보기를 클릭하여 개발자 패널을 엽니다.

  3. 콘솔 탭을 클릭하고 패널 오른쪽에서 '모두' 필터가 선택되어 있는지 확인합니다. 

  4. 콘솔 패널을 마우스 오른쪽 버튼으로 클릭하고 로그 지우기를 선택하여 기록된 이전 로그를 모두 지웁니다.

  5. 로그 유지 체크박스를 클릭합니다. mceclip1.png

  6. 발생한 문제를 Safari 브라우저에서 재현합니다. 콘솔 패널은 활동을 기록합니다. 

  7. 콘솔 패널(이제 활동 로그가 기록됨)을 마우스 오른쪽 버튼으로 클릭하고 선택 영역 저장을 클릭하여 로컬 드라이브에 파일로 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다. 

  8. 로그 유지 체크박스 선택을 취소하고 콘솔 패널을 마우스 오른쪽 버튼으로 클릭한 다음 로그 지우기를 클릭하여 브라우저에서 콘솔 활동 로그를 지웁니다.

HAR 파일: 

  1. 상단 메뉴 표시줄에서 개발자용 메뉴를 클릭하고 웹 속성 보기를 클릭합니다. 

  2. 웹 속성 콘솔에서 네트워크 탭을 클릭합니다.

  3. 네트워크 항목의 이전 캐시를 지우려면 네트워크 패널 오른쪽에 있는 쓰레기통 mceclip3.png 아이콘을 클릭합니다. 

  4. 로그 유지 체크박스를 선택합니다. 

  5. 발생한 문제를 Safari 브라우저에서 재현합니다. 

  6. 네트워크 패널의 오른쪽 상단에서 내보내기를 클릭하여 HAR 파일을 내보내고 로컬 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
    mceclip4.png

  7. 로그 유지 체크박스의 선택을 취소하고 쓰레기통 아이콘을 클릭하여 브라우저에서 로그를 지웁니다. 

    💡팁: 브라우저 창이 너무 작으면 내보내기 버튼이 나타나지 않을 수 있습니다. 내보내기 버튼이 표시되지 않으면 브라우저 창의 크기를 더 크게 조정하세요.

Apple Safari 도움말 센터에서 Apple Safari 문제 해결에 대해 자세히 알아보세요.

Google Chrome

콘솔 로그: 

  1. 브라우저의 오른쪽 상단에 있는 점 3개 mceclip5.png 아이콘을 클릭합니다. 

  2. 도구 더 보기 > 개발자 도구를 클릭하여 개발자 도구 패널을 엽니다.

  3. 콘솔 탭을 클릭하고 상단 메뉴 패널에서 로그 보존을 선택합니다. 

  4. 패널의 왼쪽 상단에 있는 지우기 mceclip7.png 버튼을 클릭하여 기존 로그를 지웁니다. 

  5. 패널 오른쪽에서 설정 톱니바퀴 mceclip6.png 아이콘을 클릭하고 로그 보존을 선택합니다. 

  6. 발생한 문제를 브라우저에서 재현합니다. 

  7. 콘솔 패널을 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하여 로그를 로컬 하드 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  8. 메뉴 패널에서 로그 보존 옵션을 선택 취소하고 탭의 왼쪽 상단에 있는 지우기 버튼을 클릭하여 브라우저에서 로그를 지웁니다.

HAR 파일: 

  1. 브라우저 창의 오른쪽 상단 모서리에 있는 점 3개 mceclip5.png 아이콘을 클릭합니다. 

  2. 도구 더 보기 > 개발자 도구를 클릭하여 개발자 도구 콘솔을 엽니다. 

  3. 네트워크 탭을 클릭합니다.

  4. 기존 로그를 지우려면 탭의 왼쪽 상단 모서리에 있는 지우기 mceclip7.png 버튼을 클릭합니다. 

  5. 체크박스를 클릭하여 로그 보존 옵션을 선택합니다. 

  6. 탭의 왼쪽 상단 모서리에 있는 원형 녹화 mceclip8.png 버튼을 찾아 녹화를 시작합니다.
    💡 팁: 녹화 버튼이 회색인 경우 (예: mceclip14.png) 녹화되지 않고 있는 것입니다. 빨간색으로 강조되어 있다면 (mceclip8.png) 녹화되고 있는 것입니다.

  7. 발생한 문제를 Chrome 브라우저에서 재현합니다.

  8. 재현 후 패널을 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하여 HAR 파일을 로컬 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  9. 로그 보존 체크박스를 클릭하여 선택 취소하고 탭의 왼쪽 상단에 있는 지우기 버튼 mceclip7.png을 클릭하여 브라우저의 로그를 지웁니다.

Google 크롬 도움말 센터에서 Google 크롬 문제 해결에 대해 자세히 알아보세요.

 

Microsoft Edge 

콘솔 로그: 

  1. 브라우저 창의 오른쪽 상단 모서리에 있는 점 3개 mceclip16.png 아이콘을 클릭합니다.

  2. 기타 도구 > 개발자 도구를 클릭하여 개발자 도구 패널을 엽니다. 

  3. DevTools 패널에서 콘솔 탭을 클릭합니다. 

  4. 콘솔을 마우스 오른쪽 버튼으로 클릭하고 기존 로그의 콘솔 지우기를 선택합니다. 

  5. 로그 보존 체크박스를 선택합니다. 

  6. 발생한 문제를 Edge 브라우저에서 재현합니다. 

  7. 콘솔 로그를 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하여 로컬 드라이브의 파일에 로그를 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  8. 로그 보존 체크박스 선택을 취소하고 콘솔 패널을 마우스 오른쪽 버튼으로 클릭한 다음 콘솔 지우기를 선택하여 브라우저에서 로그를 지웁니다.

HAR 파일: 

  1. 브라우저 창의 오른쪽 상단 모서리에 있는 점 3개 mceclip16.png 아이콘을 클릭합니다.

  2. 기타 도구 > 개발자 도구를 클릭하여 개발자 도구 패널을 엽니다. 

  3. 개발자 도구 패널 상단에서 네트워크 탭을 클릭합니다.
    💡팁: 브라우저 창이 너무 작으면 네트워크 버튼이 나타나지 않을 수 있습니다. 네트워크 버튼이 보이지 않으면 개발자 도구 패널 상단에 있는 이중 화살표 mceclip18.png아이콘을 클릭하세요.

  4. 탭의 왼쪽 상단에 있는 지우기 mceclip19.png 버튼을 클릭하여 기존 로그를 지웁니다. 

  5. 로그 보존 체크박스를 선택합니다. 

  6. 탭의 왼쪽 상단 모서리에 있는 원형 녹화 mceclip20.png 버튼을 찾아 녹화를 시작합니다.
    💡 팁: 녹화 버튼이 회색인 경우 (예: mceclip21.png ) 녹화되지 않고 있는 것입니다. 빨간색으로 강조되어 있다면 (mceclip20.png) 녹화되고 있는 것입니다.

  7. 발생한 문제를 Edge 브라우저에서 재현합니다.

  8. 재현 후 HAR 내보내기 버튼을 클릭합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  9. 로그 보존 체크박스 선택을 취소하고 탭의 왼쪽 상단에 있는 지우기 버튼 mceclip19.png을 클릭하여 브라우저의 로그를 지웁니다.

Microsoft Edge 도움말 및 학습에서 Microsoft Edge 문제 해결에 대해 자세히 알아보세요.

 

Mozilla Firefox 

콘솔 로그: 

  1.  Mozilla Firefox 브라우저 창에서 오른쪽 상단에 있는 세 개의 가로줄 (햄버거 아이콘이라고도 함) mceclip9.png 아이콘을 클릭합니다.

  2. 기타 도구 > 웹 개발자 도구를 클릭하여 웹 개발자 패널을 엽니다. 

  3. 콘솔 탭을 클릭합니다. 

  4. 패널 왼쪽에 있는 쓰레기통 mceclip11.png 아이콘을 클릭하여 기존 로그를 지웁니다. 

  5. 콘솔 패널의 오른쪽에서 톱니바퀴 mceclip10.png 아이콘을 클릭하여 로그 유지를 선택합니다. 

  6. 디버그 및 XHR 필터가 활성화되었는지 확인합니다. 
    mceclip12.png

  7. 발생한 문제를 Firefox 브라우저에서 재현합니다. 

  8. 콘솔 패널을 마우스 오른쪽 버튼으로 클릭하고 모든 메시지를 파일로 저장을 클릭하여 콘솔 로그를 로컬 드라이브에 직접 저장합니다. 지원 팀에서 요청하는 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  9. 콘솔 패널 오른쪽에 있는 로그 유지 버튼을 선택 취소하고 패널 왼쪽에 있는 쓰레기통 아이콘을 클릭하여 브라우저에서 로그를 지웁니다.

 

HAR 파일: 

  1.  Mozilla Firefox 브라우저 창에서 오른쪽 상단에 있는 세 개의 가로줄 (햄버거 아이콘이라고도 함) 아이콘 mceclip9.png을 클릭합니다.

  2. 기타 도구 > 웹 개발자 도구를 클릭하여 웹 개발자 패널을 엽니다. 

  3. 네트워크 탭을 클릭합니다. 

  4. 네트워크 패널 왼쪽에 있는 쓰레기통 mceclip11.png 아이콘을 클릭하여 기존 로그를 지웁니다. 

  5. 콘솔 패널의 오른쪽에서 톱니바퀴 mceclip11.png아이콘 을 클릭하여 로그 유지를 선택합니다.

  6. 발생한 문제를 Firefox 브라우저에서 재현합니다. 기록이 자동으로 시작됩니다. 

  7. 네트워크 패널을 마우스 오른쪽 버튼으로 클릭하고 HAR로 저장을 클릭하여 로컬 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.

  8. 네트워크 패널 오른쪽에 있는 톱니바퀴  아이콘 mceclip10.png을 클릭하여 로그 유지 옵션을 선택 취소합니다. 패널 왼쪽에 있는 쓰레기통 아이콘을 클릭하여 브라우저에서 로그를 지웁니다. 

     

Mozilla Firefox 문제 해결에 대해 자세히 알아보려면 Mozilla의 Firefox 도움말을 방문하세요. 

 

관련 문서

=