알 수 없는 오류를 해결하는 방법

카훗을 저장하려고 하는데 "죄송합니다!"라는 오류가 표시되나요? 아니면 조직 스페이스에 누군가를 초대하려고 했는데 실패했다는 메시지가 표시되나요? 오류 메시지가 표시되거나 버튼/링크가 아무 작업도 수행하지 못하는 경우 브라우저 콘솔에서 근본 원인에 대한 유용한 세부 정보를 확인할 수 있을 가능성이 높습니다. 또한 브라우저에는 오류에 대한 자세한 내용을 분석할 수 있는 HAR 파일을 다운로드할 수 있는 방법이 있는 경우가 많습니다.

💡 도움이 되셨나요? 더 많은 팁과 카훗을 보려면 유튜브 채널을 구독하세요! 튜토리얼!

바로 가기

• 브라우저 콘솔을 확인하는 방법
• HAR 파일을 다운로드하고 분석하는 방법

브라우저 콘솔을 확인하는 방법

특정 브라우저의 콘솔을 여는 방법에 대한 자세한 단계는 온라인에서 빠르게 검색할 수 있습니다. 다음은 몇 가지 주요 브라우저의 키보드 단축키입니다:

• Chrome: Mac = Cmd + Option + J | Windows = Ctrl + Shift + J
• Firefox: Mac = Cmd + Option + K | Windows = Ctrl + Shift + J
• Edge: Windows = Ctrl + Shift+ I
• Safari: Mac = 먼저 Safari의 환경설정 > 고급을열고 메뉴 표시줄에서 개발 메뉴 표시를 활성화해야 합니다. 그런 다음 Cmd + Option + C를 사용할 수 있습니다.

콘솔은 어떻게 생겼나요?

콘솔은 기본적으로 서버에서 보낸 메시지 목록입니다. 대부분은 요청된 데이터가 수신되었다는 단순한 확인 메시지이지만 일부는 경고(노란색) 및 오류(빨간색)일 수 있습니다.

콘솔에서 확인해야 할 사항

일반적으로 경고는 크게 걱정할 필요가 없습니다. 뭔가 약간 이상할 수는 있지만, 웹 페이지는 정상적으로 작동할 것입니다. 가장 우려되는 점은 오류입니다. 이는 특정 함수가 어디에서 오류가 발생했는지를 나타냅니다.

대개 콘솔에 표시되는 오류 메시지는 일부 이해하기 어려운 세부 정보를 포함하고 있는, 일반적인 스크립트 형식의 문구들로 구성되어 있습니다. 표시된 오류 메시지만으로는 근본 원인이 무엇인지 명확히 파악하기 어려운 경우, 콘솔 화면과 당사 플랫폼에서 확인된 오류 화면의 스크린샷을 캡처하고, HAR 파일도 다운로드해 주시기 바랍니다. 다음과 같이 이 내용을 저희 팀에 보내주시면 어떤 작업을 시도했는지, 이를 위해 수행한 단계, 그리고 실제로 발생한 결과나 오류에 대한 설명을 함께 보내주시기 바랍니다.

HAR 파일

HAR은 Http ARchive의 약자입니다 . HAR 파일은 브라우저가 접속을 시도한 웹 리소스와 해당 시도 결과 등을 포함한 웹 활동 기록 모음입니다. 무언가를 보거나 추가하거나 변경하려고 했는데 오류 메시지가 표시될 때, 이 기능들이 특히 유용할 수 있습니다.

HAR 파일을 다운로드하는 방법

Google은 HAR 파일을 분석할 수 있는 무료 도구를 제공합니다.. 이 도구에는 Edge, Firefox, Chrome을 사용할 때 HAR 파일을 다운로드하는 방법이 단계별로 설명되어 있습니다. 다른 브라우저를 사용 중이라면, 온라인에서 해결 방법을 찾아보셔야 할 수도 있습니다. 하지만 일반적으로 대부분의 브라우저는 크롬과 유사한 단계를 따릅니다:

1. 브라우저 콘솔을 열어보세요
2. “네트워크” 탭을 선택하세요
3. 문제 재현*
4. ‘네트워크’ 탭 상단 근처에 있는 ‘ ’을 클릭하여 캡처를 저장하세요.
   

HAR 파일을 분석하는 방법

Google은 HAR 파일을 분석할 수 있는 무료 도구를 제공합니다.. “파일 선택” 버튼을 클릭한 다음, 앞서 다운로드한 .har 파일을 선택하기만 하면 됩니다. 그런 다음 “2xx” 및 “3xx” HTTP 상태 코드를 제외하고 “모든 항목”으로 전환하면 오류 목록을 깔끔하게 확인할 수 있으니 도움이 될 것입니다.

이벤트의 시간 값을 클릭하면 자세한 내용을 확인할 수 있습니다. “응답 내용” 탭을 선택하세요. 이 탭에는 서버가 요청을 거부한 이유에 대한 정보가 포함되어 있습니다.