TIL : 최종프로젝트 18일차

sentry

: 에러트래킹 서비스로, sentry를 이용하면 사용자에게 일어난 에러내용을 쉽게 확인할 수 있다. 어떤 이벤트를 통해서 에러가 발생했는지의 내용까지 자세하게 파악이 가능해서, 유지보수할 때 도움이 많이 될 것 같다.
또한, 성능 모니터링도 지원한다고 한다. amplitude랑 같이 보면 성능개선에도 많은 도움이 될 것 같다.

1. sentry 가입 ( sentry 홈페이지 )

2. 프로젝트 생성 ( 플랫폼 선택, 에러경고 빈도 설정, 프로젝트 이름 설정 )

3. npm install --save @sentry/react @sentry/tracing 설치

4. 설명에 나와있는 대로 코드 추가하기

    import * as Sentry from "@sentry/react";
    import { BrowserTracing } from "@sentry/tracing";
   
    Sentry.init({
      dsn: "프로젝트 dsn",
      integrations: [new BrowserTracing()],
   
      // Set tracesSampleRate to 1.0 to capture 100%
      // of transactions for performance monitoring.
      // We recommend adjusting this value in production
      tracesSampleRate: 1.0,
    });

5. 에러가 발생하면, 해당 에러내용이 sentry 홈페이지에서 확인된다.