브라우저 에러
홈 화면 > 프로젝트 선택 > 대시보드 > 브라우저 에러
브라우저 에러 대시보드는 브라우저 애플리케이션의 에러를 모니터링하고 시각화하여 실시간으로 표시하는 대시보드입니다. 대시보드를 통해 빠르게 에러를 파악하고 원인을 찾아 수정할 수 있습니다. 페이지별, 에러 타입별, AJAX 에러 건수, 브라우저별, 에러 메시지별 에러 건수 등 다양한 정보를 제공합니다.
버튼을 선택하면 해당 위젯 데이터를 전체 화면 크기로 확인할 수 있습니다.
버튼을 선택하면 차트 설정 화면이 나타납니다. 차트에 표시하는 옵션을 설정할 수 있습니다.
버튼을 선택하면 추가 아이콘을 확인할 수 있습니다.페이지별 에러 건수
각 페이지에서 발생한 모든 에러 건수를 페이지별로 표시합니다. 차트 위로 마우스를 오버하면 페이지 그룹의 에러 건수를 툴팁 형태로 확인할 수 있습니다. 수평 막대 차트는 조회 시간 동안 발생한 페이지별 오류 수의 합계이며 상위 8개까지만 표시됩니다.
에러 타입별 에러 건수
콘솔 에러와 소스 에러를 표시합니다. 수평 막대 차트는 조회 시간 동안 발생한 에러 타입별 에러 수의 합계이며 상위 8개까지만 표시됩니다.
AJAX 에러 건수
브라우저 애플리케이션에서 발생하는 AJAX 에러 건수에 대하여 fetch 또는 xhr 타입으로 분류하여 표시합니다. AJAX 에러는 상태코드가 400 이상이거나 요청을 자체를 하지못하여 취소된 경우를 의미합니다.
브라우저별 에러 건수
브라우저별로 발생한 에러 건수를 파이 차트로 표시합니다. 브라우저가 어떤 에러를 자주 겪는지 쉽게 파악할 수 있습니다. 또한 특정 브라우저에서 발생하는 에러가 다른 브라우저에 비해 더 많다면 개발자는 해당 브라우저에 대한 최적화 작업을 진행할 수 있습니다.
에러 메시지별 에러 건수
콘솔 에러는 제외한 소스 에러 및 AJAX 에러에 대한 메시지를 표시합니다. 수평 막대 차트는 조회 시간 동안 발생한 각 에러 메시지별 오류 수의 합계이며 상위 8개까지만 표시됩니다.
에러 메시지 테이블
에러 메시지를 기준으로 한 에러 수와 브라우저 별로 발생한 에러 수를 테이블 목록으로 표시합니다. 어떤 브라우저에서 어떤 에러가 가장 많이 발생하는 지를 파악하여 문제점을 해결하는 데 이용할 수 있습니다. 에러 발생의 주요 원인이 무엇인 지를 파악하는 데에도 유용합니다. 새로운 에러가 발생하면 이 테이블을 참고하여 빠르게 대처할 수 있습니다.
에러 메시지 상세 정보 확인하기
에러 메세지 테이블 목록에서 에러 메시지를 선택하면 에러 메시지를 기준으로 에러와 관련한 자세한 통계 정보를 확인할 수 있습니다.
-
에러 메시지조회 시간 기준으로 발생한 에러 메시지의 목록을 확인할 수 있습니다. 각 에러 메시지를 선택하면 상세 정보를 확인할 수 있습니다.
-
개요시간대별 에러 건수, 브라우저별 에러 비율, 기기별 에러 비율, 페이지별 에러 건수 정보를 그래프 차트를 통해 확인할 수 있습니다.
-
에러 로그 분석
시간대별로 발생한 에러 로그를 확인할 수 있습니다. 에러 스택 컬럼의 분석 버튼을 선택하면 선택한 에로 로그의 에러 스택 정보를 확인할 수 있는 창이 나타납니다. 자세한 내용은 다음 문서를 참조하세요.