<div align="center">
<br>
<br>
<img height="220" src="media/santry-1.png" alt="Santry">
<h2 align="center">에러 및 로그 모니터링 플랫폼
</h2>
<p align="center">^{Thanks for BoostCamp2020}</p>
<br>
<br>

<!--레포 정보-->


<!--기술 스택-->

</div>

---

# Members
|J005|J049|J050|J071|
|----|----|----|----|
|[강석민](https://github.com/kangsukmin)|[김원호](https://github.com/gitdog01)|[김은빈](https://github.com/Eunbin-Kim)|[문혜라](https://github.com/maong0927)|

### 저장소 주소
[FrontEnd Repository](https://github.com/boostcamp-2020/Project11-A-Web-FE-Performance-Monitoring-admin)<br>
[BackEnd Repository](https://github.com/boostcamp-2020/Project11-A-Web-FE-Performance-Monitoring-server)<br>
[SDK Repository](https://github.com/boostcamp-2020/Project11-A-Web-FE-Performance-Monitoring-SDK)<br>
[통합 위키](https://github.com/boostcamp-2020/Project11-A-Web-FE-Performance-Monitoring-SDK/wiki)<br>

## 프로젝트 설명
&nbsp;**Santry** 는 오류를 수집하는 SDK를 NPM을 통해서 배포하여, 발생하는 오류들을 모아서 서버에 저장하고, 그에 대한 상황과 통계를 알려주는 Admin 페이지를 제공합니다.
&nbsp;여러분에 Application에서 발생하는 오류들을 찾는 데 도움을 드려 더욱 행복한 개발환경에서 개발하셨으면 좋겠습니다.

&nbsp;[함께 시작해볼까요 ?](https://www.npmjs.com/package/@santry/browser)

$ npm install @santry/browser

## 제공하는 기능

- 다양한 종류의 ErrorCatch을 위한 도구 제공

// 기본적인 에러 Catch 부터
  try {
    throw new Error('testing Error');
  } catch (error) {
    captureError(error);
  }
  
// 로그의 기능으로 사용하는 메세지를 저장할 수도 있고,
  captureMessage("hello I'm Hera");
  
// UncaughtException , UnhandledRejection 도 잡을 수 있도록 세팅해 두었습니다.
  onUnhandledRejection();
  onUncaughtException();

// 나만의 다른 정보도 수집해 보세요.
  setContext("Login");

// express 에 제공하는 errorHandler middleware
  app.use(errorHandler());

- 프로젝트 단위로 관리를 할 수 있습니다.<br>

- 같은 에러들을 하나의 이슈로 묶어서 관리할 수 있습니다.

- 이슈 관리에서는 하나의 오류 정보부터, Tag의 통계, 이슈에 대해 커뮤니케이션을 할 수 있는 comment 기능등을 지원합니다.