[Korean FE Article] Sentry.io 및 React를 사용한 프런트엔드 모니터링
글 링크 : https://velog.io/@surim014/frontend-monitoring-with-sentry-and-react
소개
웹 사이트를 사용하다가 사이트가 중단되거나 오류가 발생한 경험이 있으신가요? 이러한 경험은 사용자에게 서비스에 대한 신뢰를 떨어뜨릴 수 있습니다. 이 글에서는 이러한 상황이 재발되지 않도록 프런트엔드에서 모니터링 할 수 있는 방법에 대해 소개하고 있습니다. 평소 Sentry와 모니터링에 관심있으셨던 분들은 가볍게 읽어보시는 것을 추천 드립니다 :)
목차
프런트엔드 모니터링이란
프런트엔드 모니터링의 중요성
React에서 Sentry 시작하기
1단계. Sentry 프로젝트 설정
2단계. Sentry SDK 설치
3단계. React 앱에서 Sentry 구성
샘플 비율(SampleRate) 정보
4단계. 테스트 통합
5단계. 사용자 지정 오류 캡처
성능 모니터링 활성화
Session replay 오픈소스 소개
결론