sentrybridge
sentrybridge

sentrybridge

설명
웹훅을 통해 Slack에 Sentry 알림 보내기 서비스 제공
유형
개인 프로젝트
작업기간
Mar 7, 2025 → Mar 9, 2025
Skills
Next.js
TypeScript
Tailwind CSS
shadcn/ui
sentry
webhooks

SentryBridge (센트리-슬랙 웹훅 브릿지)

프로젝트 개요

notion image
센트리의 에러 알림을 슬랙으로 전달하는 웹훅 브릿지 서비스입니다.
에러 발생 시 상세한 정보를 포함한 커스터마이징 가능한 알림을 슬랙으로 전달하여 개발팀의 모니터링 효율을 높입니다.
  • 기간: 2024.01 ~ 현재
  • 역할: 개인 프로젝트 (기획/개발/운영)

주요 기능

notion image
  • 실시간 에러 알림: 센트리 이벤트를 즉시 슬랙으로 전달
  • 커스텀 포맷: 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를 활용한 서버리스 백엔드 구현
  • 웹훅과 실시간 데이터 처리 패턴
  • 타입스크립트를 활용한 타입 안정성 확보

향후 계획

  • 에러 그룹화 기능 추가
  • 더 많은 커스터마이징 옵션 제공
  • 대시보드 기능 확장
  • 다양한 알림 채널 지원 추가