SentryBridge (센트리-슬랙 웹훅 브릿지)
프로젝트 개요
센트리의 에러 알림을 슬랙으로 전달하는 웹훅 브릿지 서비스입니다.
에러 발생 시 상세한 정보를 포함한 커스터마이징 가능한 알림을 슬랙으로 전달하여 개발팀의 모니터링 효율을 높입니다.
- 기간:
2024.01 ~ 현재
- 역할:
개인 프로젝트 (기획/개발/운영)
주요 기능
- 실시간 에러 알림: 센트리 이벤트를 즉시 슬랙으로 전달
- 커스텀 포맷: Basic, Detailed, Grouped 3가지 알림 형식 제공
- 스택 트레이스: 에러 발생 위치와 소스코드 컨텍스트 표시
- 웹훅 관리: 직관적인 대시보드를 통한 웹훅 설정 관리
기술 스택
Frontend
Next.js 14
TypeScript
TailwindCSS
shadcn/ui
Backend
Next.js API Routes
Supabase
Infrastructure
Vercel
GitHub Actions
주요 개발 포인트
1. 웹훅 처리 시스템
- Next.js API Routes를 활용한 웹훅 엔드포인트 구현
- 센트리 이벤트 데이터 파싱 및 가공
- 슬랙 메시지 포맷팅 및 전송
2. 실시간 처리 최적화
- 서버리스 아키텍처를 활용한 확장성 확보
- 비동기 처리를 통한 응답 시간 최적화
- 에러 핸들링 및 재시도 로직 구현
3. 사용자 경험
- 직관적인 웹훅 관리 대시보드
- 실시간 통계 및 로그 확인
- 커스터마이징 가능한 알림 설정
4. 데이터베이스 설계
- Supabase를 활용한 서버리스 데이터베이스 구현
- 효율적인 웹훅 이벤트 로깅
- 실시간 통계를 위한 스키마 설계
성과
- 실제 개발 환경에서의 에러 모니터링 효율성 향상
- 오픈소스 프로젝트 운영 경험
- 서버리스 아키텍처 설계 및 구현 경험
배운 점
- Next.js 14의 App Router와 API Routes 활용
- Supabase를 활용한 서버리스 백엔드 구현
- 웹훅과 실시간 데이터 처리 패턴
- 타입스크립트를 활용한 타입 안정성 확보
향후 계획
- 에러 그룹화 기능 추가
- 더 많은 커스터마이징 옵션 제공
- 대시보드 기능 확장
- 다양한 알림 채널 지원 추가