[express] Sentry 적용하기

YTT.erica·2024년 5월 14일
post-thumbnail

Sentry를 적용하기 전에는..

Sentry는 애플리케이션에서 오류가 발생하면 알려주는 에러 트래킹 서비스이다.

Community 서비스를 만들고 ngroklocal tunnel로 프론트엔드와 백엔드를 띄우고 QA를 진행했다.

그러나.... QA를 진행하면서 여러 에러가 터졌고... 어디서 터지는지는 모른채 issues에 등록된 에러로만 코드를 수정했다.....

그러던 와중 멘토님께서 에러 트래킹하는 서비스가 있다고 해주셨고 그걸 적용했더니 맙소사! 어디서 에러가 났고, 에러가 발생한 사용자 환경까지 나온다니..!!

그래서 지금 그 적용 과정을 적어보려고 한다.

Sentry 적용 방법

링크: https://sentry.io/welcome/

먼저 위의 링크를 통해 Sentry.io 사이트를 방문하면 위와 같은 사진이 뜰 것이다.

GET STARTED를 클릭하여 회원가입을 하자
클릭하면 회원가입을 할 수 있는 창이 뜨고 회원가입을 완료한다면 아래와 같은 화면이 보일것이다.

이제 에러를 트래킹하고 싶은 프로젝트를 추가해야한다.
Create project를 클릭하면

위의 사진에서 자신의 프로젝트 환경에 맞는 것을 고르면 된다.
본인은 express를 사용했으므로 express를 선택했다.
이후 하단에 Create Project 버튼이 활성화 되니 클릭하도록 하자! (원한다면 자신의 프로젝트 이름도 바꿀 수 있다!)

클릭하면 Express SDK를 설정하는 화면이 뜬다.

npm install로 sentry를 설치하고 파일을 생성하여 코드를 넣어주면 된다!

Sentry 적용 후에는...

본인은 커뮤니티 서버의 에러를 트래킹하기 위해 Sentry를 적용했다.
Sentry를 적용하니 나만의 화면에서 어떤 에러가 났는지 확인을 할 수 있었다!! (완전 좋잖아~~)

이런식으로 에러가 뜬다.

상세하게도 알려준다!!! 심지어 이메일로도 에러가 뜬 것을 알려주기 때문에 에러 대응을 놓칠 수 없다는 점 !!!!

앞으로는..

앞으로는 Sentry를 잘 사용해서 에러 관리를 해야겠다고 마음먹었다!!
나의 에러를 잘 부탁한다.. Sentry..

profile
'◡'✿ 꿈을 찾아가보자고~ '◡'✿

0개의 댓글