> For the complete documentation index, see [llms.txt](https://docs.imqa.io/imqa-guide/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.imqa.io/imqa-guide/user-guide/wcrash/dashboard.md).

# 대시보드

IMQA WCrash 대시보드는 웹 애플리케이션에서 발생한 웹 크래시의 상황을 파악할 수 있습니다. 주간 유저 현황과 크래시 발생 수, 상세한 에러 정보를 확인할 수 있으며 브라우저별 에러 발생 현황, 특정 에러 누적 횟수를 확인하기 편리합니다. 

## 1. 개요

<figure><img src="https://lh7-rt.googleusercontent.com/docsz/AD_4nXdK5Rm5Jo3T6fKIYd7mcnI2-spx2wscVifnOtpz5HADqI3ZTaK3GPdpExJNhkYB4816z-A15SRePmemI2isZMAbV9-JZ9b2i_ZNPWFuGMuydMNP6DQVM7NhrVIRNF5SmY-9cAuQcwkYwzduvVwQHKj4OxSY?key=sRuIbqTWJ4J01c1O5T0Cgw" alt=""><figcaption></figcaption></figure>

IMQA WCrash 대시보드는 다음과 같이 구성됩니다.

**❶ 상단 바(공통)**\
**❷ 프로젝트 정보** \
**❸ 주간 요약 정보**\
**❹ 일간 에러**\
**❺ 브라우저별 분포**\
**❻ 주간 에러 상위 50**

### 상단 바(공통)

<figure><img src="https://lh7-us.googleusercontent.com/rxF8f70V72Oaf7ihOMqUuQChvBAqnbnIyAoKcycrAhoq4mOIY88-HEErXOFLasYxCrZd6EutQAhoYreIIM_XGcmIE6KXsJ1UFcfNn2MQFO0OFP212_hBSuySz3t1Tt-bb3od2lMoxV6zq8bzVL7b4eo" alt=""><figcaption></figcaption></figure>

**❶ 로고**\
클릭 시 프로젝트 리스트의 메인으로 이동합니다.

**❷ WCrash 메뉴**\
클릭 시 각 WCrash 메뉴 페이지로 이동합니다.

**❸ WPM 아이콘**\
프로젝트 생성 시 WPM 서비스를 생성했을 경우 표시되며, 클릭 시 동일한 앱의 ‘WPM > 대시보드' 페이지로 이동합니다.

**❹ 프로젝트 네비게이션**\
현재 위치한 프로젝트에서 다른 프로젝트로 이동할 수 있습니다. \[홈] 아이콘을 클릭하면 프로젝트 리스트로 이동하며 프로젝트 변경 시 해당 프로젝트의 ‘서비스 > 대시보드’로 이동합니다.

**❺ 회원 메뉴**\
로그인 계정의 회원 메뉴가 표시됩니다.&#x20;

* IMQA 가이드: IMQA의 가이드를 확인할 수 있습니다. 클릭 시 브라우저 새 탭으로 표시합니다.
* 사용자 설정: 사용자 이름과 비밀번호를 변경할 수 있습니다. 브라우저 시간대는 IMQA 분석 정보의 표시 기준 시간을 변경할 수 있습니다.&#x20;

{% hint style="info" %}
로그인 사용자가 시간대를 자동으로 가져오지 못하는 환경에 있을 경우, IMQA의 시간 정보가 제대로 표현되지 않을 수 있습니다. 브라우저 시간대로 접속한 지역에 맞는 GMT 표준 시간으로 수동 설정할 수 있습니다.
{% endhint %}

* 로그아웃: 계정을 로그아웃합니다.<br>

## 2. 프로젝트 정보

프로젝트 정보를 확인할 수 있습니다.&#x20;

<figure><img src="https://lh7-us.googleusercontent.com/RahT_jFpkl9mfsR-AVtB7qzLDhDP3VuIrqlKGudMwTDm0DONdADl1Og6aDiImkI8gK8V_Qki-v_JVzg8dCuGXdsQvkrgJexcWo2QK8BFdTZtSQAfG94SXHNgDSDHFvvEhhBjMCFf_Ki0dZoEk17VA74" alt=""><figcaption></figcaption></figure>

## 3. 주간 요약 정보

웹 사이트에서 최근 1주일간 발생한 웹 크래시, 이용자 수, 방문 수를 확인할 수 있습니다. 이를 통해 웹 사이트가 정상 동작 중인지 판단할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/nI2cYa_Dz-ksrWsW2yEVM0GxlVADDMUTCw1-P0MQLOf2HmBzA4FsP_y8yGTXYZHpoSjbkob2emEIQz1yZntOESOhS65lzjHhuDAm1JZ9W95Wcd3dl-FjVwwMM18qvRRONDciodtZoEMajQwvS01wX3E" alt=""><figcaption></figcaption></figure>

* 이용자 수 : 최근 1주일 동안의 사용자 수를 카운트합니다. 중복을 제외한 순 사용자를 의미합니다.
* 방문 수 : 최근 1주일 동안의 웹 사이트 접속 수를 카운트합니다. 이용자가 웹 사이트에 접속하여 시작한 세션의 수를 의미합니다.
* 웹 크래시 : 최근 1주일 동안의 웹 에러 로그 발생 수를 카운트합니다.

<table><thead><tr><th width="160" align="center">성능 지표</th><th width="167" align="center">산출 구간</th><th align="center">산출 값</th><th align="center">병합 방식</th></tr></thead><tbody><tr><td align="center">이용자 수</td><td align="center">최근 1주일</td><td align="center">사용자 수</td><td align="center">카운트</td></tr><tr><td align="center">방문 수</td><td align="center">최근 1주일</td><td align="center">세션 수</td><td align="center">카운트</td></tr><tr><td align="center">웹 크래시</td><td align="center">최근 1주일</td><td align="center">웹 에러 로그 발생 수</td><td align="center">카운트</td></tr></tbody></table>

빠른 파악을 위해 1,000단위를 ‘1K’로 요약 표시하며, 실제 데이터는 ‘K’로 요약 표시된 숫자에 마우스 포인터를 올리면 표시되는 툴팁으로 확인할 수 있습니다.

## 4. 일간 에러

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

<figure><img src="https://lh7-us.googleusercontent.com/szNDuPI6ir6Jl7xfFhZ86DBahqsNzBVnw3GVfn-krK5ZikTGYaU9u0n4mBReoYdU8fycug43Yt72_1GStWPVrGHots3Q3towH0S0Kn_KE0l07F5WnH_JlsGl1NFWt-0Zun7NmEiny2YXdFaIQito9yI" alt=""><figcaption></figcaption></figure>

* 웹 크래시 발생 수 : 최근 1주일 동안의 일별 웹 에러 로그 발생 수를 카운트합니다.

{% hint style="info" %}
특정 날짜에 에러 발생 수가 급격하게 증가했다면, 해당 날짜 전/후로 변동 요인이 있었는지 확인해보세요.&#x20;
{% endhint %}

## 5. 브라우저별 비율

웹 사이트에서 최근 1주일간 에러 발생 비율 상위 6개 브라우저와 에러 수를 확인할 수 있습니다. 이를 통해 어떤 브라우저에서 에러가 많이 발생했는지를 빠르게 파악할 수 있습니다.

<figure><img src="https://lh7-us.googleusercontent.com/PX1MSVAF1AwTJV8B2FRqmJcg6Ig0FsVQxyIHtmYNG4tG2QNiFd50MRzsgWwGjfzTYv5-aQc8g0ypTIEmILnuygy5G1_LPcKDUBc06BDRqE-Ucj4YuVohpPU849APbOipUrRmOT8pqUqtIvPqmNEMeAw" alt=""><figcaption></figcaption></figure>

* 브라우저: 에러가 발생한 브라우저 명을 표시합니다.
* 에러 수: 브라우저별 에러 발생 수를 카운트합니다.

{% hint style="info" %}
브라우저는 웹 사이트에 접속했을 때 사용자의 User-Agent 정보를 기반으로 표시합니다. ‘Chrome’ ‘Safari’ ‘Microsoft Edge’ ‘Firefox’ ‘Samsung Browser’ 등으로 구분됩니다. 특정되지 않은 브라우저의 경우, ‘Unknown’으로 표시될 수 있습니다.
{% endhint %}

## 6. 주간 에러 상위 50

웹 사이트에서 최근 1주일간 발생한 에러를 확인할 수 있습니다. 현재 상태, 누적 발생 수, 에러 명, 마지막 발생 일시를 표시합니다. 이를 통해 발생한 에러를 빠르게 파악할 수 있으며, ‘에러별 상세 페이지’로 이동할 수 있습니다. 최대 50개 항목이 표시됩니다.

<figure><img src="https://lh7-us.googleusercontent.com/QOg040dRJ46XuRMyRzRmyFBfzO8zDmJu4eTI3zfao22rIUpyi_t5Imbc1dVoJGObni40F7c2l58nq-JrWOQ2xAn5XD2at2SQ1kfHrs65ZEXIJSu7-o5vRdbwAaUEW4T8U9r6pXvr6GQXZSkCR36vPH8" alt=""><figcaption></figcaption></figure>

**❶ 헤더(정렬)**\
기본은 최근 발생한 에러 순으로 정렬되며 상태, 누적 횟수, 발생일시로 정렬할 수 있습니다.

**❷ 에러**\
웹 사이트에서 최근 1주일간 발생한 에러를 표시합니다. \[항목]클릭 시 ‘에러 상세’ 페이지로 이동합니다.

* **상태**: ‘신규’, ‘처리’, ‘완료’, ‘마감’으로 표시되며 ‘에러 상세’ 페이지에서 변경할 수 있습니다.
* **누적**: 해당 에러의 발생 누적 횟수를 카운트합니다.
* **에러 명**: 에러 타입, 사용자 정의 에러 메시지, 코드 라인 번호를 표시합니다. 목록 상단 에러 3개를 빨간색으로 표시합니다.
* **발생일시**: 해당 에러의 마지막 발생 일시를 표시합니다.

{% hint style="info" %}
상세한 웹 에러 분석을 위해 원하는 에러 메시지를 지정하여 사용자 정의 에러를 수집할 수 있습니다. 사용자 정의 에러 메시지 지정에 대한 자세한 내용은 ‘[IMQA WPM/WCrash 설치 가이드 >  2.5. \[WCrash\] Custom Web Crash 발생' > 사용자 정의 에러 메시지 지정](/imqa-guide/installation/web-wpm.md#undefined-6)'을 참고하세요.&#x20;
{% endhint %}

{% hint style="warning" %}
현재 WCustom 유형 에러 발생 목록 확인은 ‘에러 검색’ 페이지를 통해서만 가능합니다.
{% endhint %}