getsentry/sentry-javascript

JavaScript/TypeScript 애플리케이션의 에러와 성능 이슈를 실시간으로 감지하고 모니터링하는 공식 Sentry SDK

개발 재료맘대로 써도 됨 · MIT웹·Next.js·풀스택난이도
8,668+0이번 주1,783607TypeScript
데모·홈페이지 열기sentry.io
중간맛 분석

TypeScript 기반의 @sentry/core를 중심으로 브라우저(@sentry/browser), Node.js(@sentry/node), React/Vue/Angular 등 주요 프레임워크별 특화 를 제공합니다. 에러 캡처, 세션 리플레이, 성능 모니터링을 하나의 DSN으로 통합 관리할 수 있으며, install @sentry/browser 후 Sentry.init({dsn: 'DSN'}) 로 즉시 사용 가능합니다. 난이도는 1~2 수준으로 매우 진입이 쉽습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • 프로덕션 웹 애플리케이션의 런타임 에러를 실시간으로 감지하고 팀에 알림
  • 사용자가 경험한 버그를 세션 리플레이로 재현하여 빠른 디버깅
  • 마이크로서비스 아키텍처에서 Node.js 서버의 예외 사항과 성능 메트릭 중앙 집중식 모니터링

핵심 기능

다중 플랫폼 SDK (브라우저, Node.js, 주요 프레임워크)세션 리플레이 및 성능 모니터링 통합네이티브 크래시 감지 지원 (React Native, Electron)

대안 대비 차별점

공식 Sentry SDK로서 브라우저부터 Electron, AWS Lambda, Cloudflare까지 모든 JavaScript 환경을 단일 @sentry/ 네임스페이스로 통합 지원하며, 오픈소스 기반의 일관된 API를 제공합니다.

준비물
  • Node.js 또는 npm/yarn 패키지 관리자
  • JavaScript/TypeScript 기본 지식
  • Sentry 계정 및 DSN (프로젝트 키)
바로 시작하기
  1. 프로젝트의 npm 패키지 관리자로 Sentry SDK 설치
npm install --save @sentry/browser
  1. 애플리케이션의 진입점에서 Sentry 초기화 (React 예시)
import * as Sentry from '@sentry/browser';

Sentry.init({
  dsn: '__DSN__',
});
  1. 에러 메시지 또는 이벤트 전송
Sentry.captureMessage('Hello, world!');
별 추이 · 7일
8,668+0 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 46/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2012년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기