주 콘텐츠로 건너뛰기

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

지원되는 브라우저에서 Vimeo를 사용하는 중에 기술적인 문제가 발생하는 경우, Vimeo 지원팀에서 문제 해결 및 디버깅을 위해 스크린샷이나 파일을 첨부하도록 요청할 수 있습니다. 여기에는 콘솔 로그 및 HAR 파일이 포함될 수 있습니다. 

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

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

이 도움말에 포함된 내용:

Apple Safari

콘솔 로그: 

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

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

  1. 상단 메뉴에서 Safari 를 클릭하고 설정 메뉴로 이동합니다(또는 키보드에서 ⌘, 선택).
  2. 고급 탭을 선택합니다.
  3. 창 하단에서 웹 개발자를 위한 기능 표시 옆의 체크박스가 선택되어 있지 않으면 해당 박스를 클릭합니다.
  4. 개발자 메뉴가 상단 표시줄(북마크와 윈도우 사이 )에 표시되면 설정 메뉴를 종료합니다.

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

  1. Apple Safari에서 개발 메뉴를 클릭합니다.
  2. 웹 속성 보기를 클랙하여 개발자 패널을 엽니다.
  3. 콘솔 탭을 클릭하고, 패널 오른쪽에서 모두 필터가 선택되어 있는지 확인합니다.
  4. 콘솔 패널을 마우스 오른쪽 버튼으로 클릭하고 로그 지우기를 선택하여 기록된 이전 로그를 모두 지웁니다.
  5. 필터 아이콘을 선택하고 로그 보존이 선택되었는지 확인합니다.
    Screenshot 2025-09-11 at 3.54.28 PM.png
  6. 발생한 문제를 Safari 브라우저에서 재현합니다.콘솔 패널이 활동을 기록합니다.
  7. 모두 선택(CTRL+A 또는 CMD+A 키보드 단축키 사용)한 다음 선택 항목 저장을 클릭하여 로컬 드라이브에 파일로 저장합니다. 지원팀에서 요청하는 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
  8. 로그 보존 체크박스를 선택 해제하고 콘솔 패널을 마우스 오른쪽 버튼으로 클릭한 다음 로그 지우기를 클릭하여 브라우저에서 콘솔 활동 로그를 삭제합니다.

HAR 파일: 

  1. 상단 메뉴 표시줄에서 개발 메뉴를 클릭하고 웹 속성 보기를 클릭합니다.
  2. 웹 속성 콘솔에서 네트워크 탭을 클릭합니다.
  3. 네트워크 패널의 맨 오른쪽에 있는 휴지통 아이콘을 클릭하여 이전에 저장된 네트워크 항목의 캐시를 삭제합니다.
  4. 필터 아이콘을 선택한 다음 로그 보존을 선택하여 선택되어 있는지 확인합니다. 
  5. 발생한 문제를 Safari 브라우저에서 재현합니다.
  6. 네트워크 패널 오른쪽 상단에 있는 내보내기를 클릭하여 HAR 파일을 내보내고 로컬 드라이브에 저장합니다. 지원팀에서 요청하는 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
  7.  로그 보존 체크박스를 선택 해제하고 휴지통 아이콘을 클릭하여 브라우저에서 로그를 삭제합니다. 
    💡 팁: 브라우저 창이 너무 작은 경우 내보내기 버튼이 표시되지 않을 수 있습니다. 내보내기 버튼이 표시되지 않으면 브라우저 창의 크기를 더 크게 조정하세요.

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

Google Chrome

콘솔 로그: 

  1. 브라우저 오른쪽 상단에 있는점 세 개 mceclip5.png를 클릭합니다.
  2. 도구 더 보기 > 개발자 도구를 클릭하여 개발자 도구 패널을 엽니다.
  3. 상단 메뉴 패널에서 콘솔 탭을 클릭하고 로그 보존 을 선택합니다.
  4. 패널의 왼쪽 상단에 있는 지우기 mceclip7.png 버튼을 클릭하여 기존 로그를 삭제합니다.
  5. 페이지 오른쪽 상단의 설정 톱니바퀴 mceclip6.png를 클릭하고 로그 보존을 선택합니다. 
  6. 발생한 문제를 브라우저에서 재현합니다.
  7. 콘솔 패널을 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하여 로그를 로컬 하드 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
  8. 메뉴 패널에서 로그 보존 옵션을 선택 취소하고 탭의 왼쪽 상단에 있는 지우기 버튼을 클릭하여 브라우저에서 로그를 삭제합니다.

HAR 파일: 

  1. 브라우저 창의 오른쪽 상단 모서리에 있는 점 세 개 mceclip5.png  를 클릭합니다.
  2. 기타 도구 > 개발자 도구를 클릭해 개발자 도구 콘솔을 엽니다.
  3. 네트워크 탭을 클릭합니다.
  4. 탭의 왼쪽 상단 모서리에 있는 지우기 mceclip7.png 버튼을 클릭하여 기존 로그를 삭제합니다.
  5. 체크박스를 클릭해 로그 보존 상자 옵션을 선택합니다.
  6. 탭의 왼쪽 상단 모서리에 있는 원형 녹화 mceclip8.png 버튼을 찾아 녹화를 시작합니다.
    💡팁:  녹화 버튼이 회색으로 표시된 경우( mceclip14.png )는 녹화되지 않는 것입니다. 녹화 중일 때는 빨간색으로 강조 표시(mceclip8.png)됩니다.
     
  7. 발생한 문제를 Chrome 브라우저에서 재현합니다.
  8. 재현 후 패널을 마우스 오른쪽 버튼으로 클릭하고 다른 이름으로 저장을 선택하여 HAR 파일을 로컬 드라이브에 저장합니다. 지원팀에서 요청할 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
  9. 로그 보존 체크박스를 선택 해제한 뒤, 탭 왼쪽 상단에 있는 지우기 버튼mceclip7.png을 클릭해 브라우저 로그를 삭제합니다.

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

Microsoft Edge 

콘솔 로그: 

  1. 브라우저 창의 오른쪽 상단 모서리에 있는 점 세 개  mceclip16.png 를 클릭합니다.
  2. 기타 도구 > 개발자 도구를 클릭하여 개발자 도구 패널을 엽니다.
  3. 개발자 도구 패널에서 콘솔 탭을 클릭합니다.
  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 지원팀에서 요청하는 경우 이 파일을 Vimeo 지원 티켓에 첨부할 수 있습니다.
  9. 콘솔패널 오른쪽에 있는 로그 보존 버튼을 선택 취소하고 패널 왼쪽에 있는 휴지통 아이콘을 클릭하여 브라우저에서 로그를 삭제합니다.

 

HAR 파일: 

  1.  Mozilla Firefox 브라우저 창에서 오른쪽 상단에 있는 세 개의 가로줄 (햄버거 아이콘이라고도 함) 아이콘 mceclip9.png을 클릭합니다.
  2. 기타 도구 > 웹   개발자 도구를 클릭하여 웹 개발자 패널을 엽니다.
  3. 네트워크 탭을 클릭합니다.
  4. 네트워크 패널 왼쪽에 있는 휴지통 mceclip11.png 아이콘을 클릭하여 기존 로그를 삭제합니다.
  5. 오른쪽에 있는 톱니바퀴 톱니바퀴 아이콘입니다. 아이콘을 클릭하고 콘솔 패널에서 로그 보존을 선택합니다.
  6. 발생한 문제를 Firefox 브라우저에서 재현하면 녹화가 자동으로 시작됩니다.
  7. 네트워크 패널을 마우스 오른쪽 버튼으로 클릭하고 HAR로 저장을 선택하여 파일을로컬 드라이브에 저장합니다. 지원팀에서 요청하는 경우 이 파일을 Vimeo 지원 티켓에 첨부하실 수 있습니다.
  8. 네트워크 패널 오른쪽에 있는 톱니바퀴 mceclip10.png  아이콘을 클릭하여 로그 유지 옵션을 선택 취소합니다. 패널 왼쪽에 있는 쓰레기통 아이콘을 클릭하여 브라우저에서 로그를 삭제합니다. 

Mozilla Firefox 문제 해결에 대한 자세한 내용은 Mozilla의 Firefox 지원에서 확인하세요. 

 

관련 문서

=