pile·
프론트엔드·카카오페이카카오페이·

Sentry로 우아하게 프론트엔드 에러 추적하기

문제프론트엔드 에러는 다양한 브라우저·디바이스·OS 조합에서 발생해 QA 단계 재현이 어렵고, 사용자 환경 한정 오류는 추적이 사실상 불가능했다.
접근실시간 로그 수집·모니터링 도구 Sentry 를 React 앱에 SDK 로 통합. Scope, Context, Tags, Level, Fingerprint 설정으로 오류를 분류·알람.
결과QA 에서 잡지 못한 기기·브라우저 한정 오류를 실서비스에서 빠르게 식별. 데이터 설계를 먼저 잡고 추적 대상을 선별하는 운영 가이드까지 정리.
카카오페이
카카오페이 블로그
원문은 여기서 이어서 읽을 수 있어요
원문 읽기
읽음 (0)

이 글과 비슷한

  1. 프론트엔드·LINE EngineeringLINE Engineering·

    AI로 웹 엔지니어 없이 LINE 앱 안에서 그룹 영상 통화 서비스 만들기

    LINE Planet 팀의 PM과 Android 엔지니어 두 명이 웹 전문 엔지니어 없이 LINE 앱 내에서 그룹 영상 통화 서비스를 개발한 과정을 다룬다. LIFF(LINE Front-end Framework)와 LINE Planet SDK를 활용해 React/Vite 기반 웹 앱을 구성했고, Firebase Cloud Functions로 별도 서버 인프라 없이 구현을 완료했다.

    #react#webrtc#firebase+2