에러 상세

IMQA WCrash 에러 상세는 특정 에러가 어떤 페이지 URL에서 얼마나 발생했고, 어떤 사용자 환경에서 주로 발생했는지 분석할 수 있습니다. 호출 스택과 에러 발생 위치 등을 확인하고 관리자는 해당 에러에 태그를 달거나 처리 과정을 기록, 확인할 수 있습니다.

1. 개요

‘대시보드'와 ‘에러 검색'에서 특정 에러를 클릭하면 이동할 수 있으며, IMQA WCrash 에러 상세는 다음과 같이 구성됩니다.

❶ 에러 정보 ❷ 에러 발생 현황 ❸ 사용자 정보 ❹ 태그 ❺ 호출 스택

2. 에러 정보

에러 정보와 누적 횟수를 확인하고 관리자가 처리 과정을 기록, 확인할 수 있습니다.

❶ 에러 정보 에러 타입, 사용자 정의 에러 메시지, 페이지, 코드 라인 번호를 표시합니다.

• 에러 인스턴스: 해당 에러의 캐치된 에러 인스턴스명을 표시합니다.

에러 타입	설명
Error	사용자가 설정한 에러 타입입니다.
EvalError	eval()에서 발생하는 오류입니다.
RangeError	변수의 유효한 범위를 벗어났을 경우 생성되는 오류입니다.
ReferenceError	잘못된 참조를 했을 경우 생성되는 오류입니다.
SyntaxError	잘못된 구문이 존재하는 경우 오류입니다.
TypeError	유효한 자료형이 아닐 경우 해당 타입의 오류입니다.
URIError	encodeURI()나 decodeURI() 함수에 부적절한 매개변수를 넘겨준 경우 생성되는 오류입니다.
AggregateError	여러 오류를 하나의 오류로 감싸는 오류 형태입니다.

• 사용자 정의 에러 메시지: 특정 에러 타입 에러가 생성될 때 사용자가 지정한 메시지를 표시합니다.

• 페이지: 해당 에러가 발생한 페이지 URL을 표시합니다.

• 코드 라인 번호: 해당 에러의 라인 넘버를 확인 할 수 있습니다.

상세한 웹 에러 분석을 위해 원하는 에러 메시지를 지정하여 사용자 정의 에러를 수집할 수 있습니다. 사용자 정의 에러 메시지 지정에 대한 자세한 내용은 ‘IMQA WPM/WCrash 설치 가이드 > 2.5. [WCrash] Custom Web Crash 발생 > 사용자 정의 에러 메시지 지정'을 참고하세요.

❷ 상태 담당자 확인 후 에러의 처리 상태를 변경할 수 있습니다. 클릭 시 상태를 변경할 수 있는 옵션을 표시합니다. 상태 변경 기준은 별도로 정해져 있지는 않으며 관리자 판단 후 아래와 같이 설정할 수 있습니다.

• 신규: 새롭게 발생된 에러일 경우

• 처리: 담당자 원인 파악 후 처리 중일 경우

• 완료: 담당자 처리 업무가 완료되었을 경우

• 마감: 관리자 확인 후 해당 에러 처리 업무를 완료시킬 경우

상태 변경을 진행한 에러는 동일한 에러가 발생한 경우에도 상태가 유지됩니다.

❸ 누적 해당 에러의 발생 총 누적 횟수를 표시합니다.

3. 일별 에러 발생 수

최근 1주일간 해당 에러의 일별 에러 발생 수를 기록하여 특정 날짜의 에러 발생 추이와 발생 수를 확인할 수 있습니다.

• 에러 발생 수: 최근 1주일 동안의 일별 에러 발생 수를 카운트합니다.

Y축은 에러 발생 수를 의미합니다. 해당 에러 처리 후에도 재발생했는지 파악하기 용이합니다. 또한 특정 날짜에 에러 발생 수가 급격하게 증가했다면, 해당 날짜 전/후로 변동 요인이 있었는지 확인해보세요.

4. 사용자 정보

최근 1주일간 해당 에러가 어떤 사용자 환경에서 많이 발생했는지를 표시합니다.

• 디바이스: 해당 에러가 발생한 사용자의 디바이스 환경을 표시합니다. 사용자 접속 OS에 따라 ‘Desktop’과 ‘Mobile’로 분류하여 표시됩니다.

• OS: 해당 에러가 발생한 사용자의 OS를 표시합니다.

• 브라우저/버전: 해당 에러가 발생한 사용자의 브라우저와 버전을 표시합니다.

사용자 정보는 웹 사이트에 접속했을 때 사용자의 User-Agent 정보를 기반으로 표시합니다. IMQA WPM은 사용자들이 주로 사용하는 OS와 브라우저로 크게 구분하고 있습니다. OS의 경우, ‘Windows’ ‘macOS’ ‘Android’ ‘iOS’ ‘Linux’ 등으로 구분됩니다.

브라우저의 경우, ‘Chrome’ ‘Safari’ ‘Microsoft Edge’ ‘Firefox’ ‘Samsung Browser’ 등으로 구분됩니다. 특정되지 않은 OS나 브라우저의 경우, ‘Unknown’으로 표시될 수 있습니다.

5. 태그

해당 에러에 대한 추가 정보를 자유롭게 태그로 관리할 수 있습니다.

1. 태그에 원하는 태그 이름을 입력하고 [+] 아이콘을 클릭합니다. 최대 15자까지 입력할 수 있습니다.

2. 아래 빈 영역에 등록한 태그가 표시됩니다. [X] 아이콘을 클릭해서 삭제할 수 있습니다.

등록한 태그는 ‘에러 검색' 페이지에서 검색어로 활용할 수 있습니다. 타겟 사용자 환경으로 태그를 관리하거나 발생 상황, 키워드 기록 등으로 활용해보세요. 하나의 에러에는 같은 이름의 태그를 등록할 수 없습니다.

6. 호출 스택

에러 발생 스택 정보를 확인할 수 있습니다. 이를 통해 에러의 원인과 발생 위치를 확인할 수 있습니다. 스택에 관련된 정보를 파일 형태로 다운로드하여 구성원과 공유할 수 있습니다.

❶ 에러 발생 스택 에러 스택 정보 중 상위 스택 라인을 표시합니다.

❷ 스택 정보 스택 정보를 표시합니다. 이를 통해 보다 정확하게 에러의 원인을 파악하는 데에 참고할 수 있습니다.

❸ 원본 다운로드 선택한 스레드의 스택 정보를 ‘.txt’ 파일 형태로 다운로드하여 구성원과 공유할 수 있습니다. [원본 다운로드]를 클릭하면 ‘Crash_stacktrace.txt’ 파일을 ‘Download’ 폴더에 저장합니다.