본문으로 건너뛰기

브라우저 에러

홈 화면 > 프로젝트 선택 > 대시보드 > 브라우저 에러

Browser error dashboard

브라우저 에러 대시보드는 브라우저 애플리케이션의 에러를 모니터링하고 시각화하여 실시간으로 표시하는 대시보드입니다. 대시보드를 통해 빠르게 에러를 파악하고 원인을 찾아 수정할 수 있습니다. 페이지별, 에러 타입별, AJAX 에러 건수, 브라우저별, 에러 메시지별 에러 건수 등 다양한 정보를 제공합니다.

노트

  • 각 위젯에서 오른쪽 위에 상세 보기 아이콘 버튼을 선택하면 해당 위젯 데이터를 전체 화면 크기로 확인할 수 있습니다.

  • 위젯의 오른쪽 위에 설정 아이콘 버튼을 선택하면 차트 설정 화면이 나타납니다. 차트에 표시하는 옵션을 설정할 수 있습니다.

  • 웹 브라우저의 화면 크기에 따라 위젯 오른쪽 위에 아이콘의 모양이 다를 수 있습니다. 더보기 아이콘 버튼을 선택하면 추가 아이콘을 확인할 수 있습니다.

  • 위젯 설정에 대한 자세한 내용은 다음 문서를 참조하세요.

페이지별 에러 건수​

Error count by pages

각 페이지에서 발생한 모든 에러 건수를 페이지별로 표시합니다. 차트 위로 마우스를 오버하면 페이지 그룹의 에러 건수를 툴팁 형태로 확인할 수 있습니다. 수평 막대 차트는 조회 시간 동안 발생한 페이지별 오류 수의 합계이며 상위 8개까지만 표시됩니다.

에러 타입별 에러 건수​

Error count by types

콘솔 에러와 소스 에러를 표시합니다. 수평 막대 차트는 조회 시간 동안 발생한 에러 타입별 에러 수의 합계이며 상위 8개까지만 표시됩니다.

AJAX 에러 건수​

AJAX error count

브라우저 애플리케이션에서 발생하는 AJAX 에러 건수에 대하여 fetch 또는 xhr 타입으로 분류하여 표시합니다. AJAX 에러는 상태코드가 400 이상이거나 요청을 자체를 하지못하여 취소된 경우를 의미합니다.

브라우저별 에러 건수​

Error count by browsers

브라우저별로 발생한 에러 건수를 파이 차트로 표시합니다. 브라우저가 어떤 에러를 자주 겪는지 쉽게 파악할 수 있습니다. 또한 특정 브라우저에서 발생하는 에러가 다른 브라우저에 비해 더 많다면 개발자는 해당 브라우저에 대한 최적화 작업을 진행할 수 있습니다.

에러 메시지별 에러 건수​

Error count by messages

콘솔 에러는 제외한 소스 에러 및 AJAX 에러에 대한 메시지를 표시합니다. 수평 막대 차트는 조회 시간 동안 발생한 각 에러 메시지별 오류 수의 합계이며 상위 8개까지만 표시됩니다.

에러 메시지 테이블​

Error message table

에러 메시지를 기준으로 한 에러 수와 브라우저 별로 발생한 에러 수를 테이블 목록으로 표시합니다. 어떤 브라우저에서 어떤 에러가 가장 많이 발생하는 지를 파악하여 문제점을 해결하는 데 이용할 수 있습니다. 에러 발생의 주요 원인이 무엇인 지를 파악하는 데에도 유용합니다. 새로운 에러가 발생하면 이 테이블을 참고하여 빠르게 대처할 수 있습니다.

에러 메시지 상세 정보 확인하기​

에러 메세지 테이블 목록에서 에러 메시지를 선택하면 에러 메시지를 기준으로 에러와 관련한 자세한 통계 정보를 확인할 수 있습니다.

Error message details

  • 숫자 1 에러 메시지

    조회 시간 기준으로 발생한 에러 메시지의 목록을 확인할 수 있습니다. 각 에러 메시지를 선택하면 상세 정보를 확인할 수 있습니다.

  • 숫자 2 개요

    시간대별 에러 건수, 브라우저별 에러 비율, 기기별 에러 비율, 페이지별 에러 건수 정보를 그래프 차트를 통해 확인할 수 있습니다.

  • 숫자 3 에러 로그 분석

    Error log

    시간대별로 발생한 에러 로그를 확인할 수 있습니다. 에러 스택 컬럼의 분석 버튼을 선택하면 선택한 에로 로그의 에러 스택 정보를 확인할 수 있는 창이 나타납니다. 자세한 내용은 다음 문서를 참조하세요.