소개

Sophonz는 브라우저와 모바일 앱에서 계측을 시작해 백엔드까지 하나의 트레이스로 잇는 OpenTelemetry 관찰가능성 솔루션입니다.

프론트엔드에서 시작하는 관찰가능성

관찰가능성 제품은 대개 서버에서 출발합니다. 브라우저와 모바일 앱은 나중에 별도의 RUM 제품으로 붙고 데이터 모델도 트레이스와 분리되어 있어서, "느린 화면"과 "느린 쿼리"를 사람이 손으로 이어 붙여야 합니다.

Sophonz는 순서가 반대입니다.

프론트엔드 SDK가 1급 시민입니다. Web, Android, iOS, Flutter, React Native를 지원하며, 세션 리플레이·Web Vitals·에러와 크래시·사용자 이벤트를 모두 OpenTelemetry 시그널로 내보냅니다.
화면에서 쿼리까지 하나의 트레이스입니다. 브라우저 SDK가 요청에 traceparent를 붙이므로 사용자가 버튼을 누른 시점부터 그 요청을 처리한 핸들러와 DB 호출까지 한 트레이스에 놓입니다. 프론트엔드와 백엔드를 서로 다른 도구에서 대조할 필요가 없습니다.
RUM 전용 포맷이 없습니다. 프론트엔드에서 나온 데이터도 OpenTelemetry 시맨틱 컨벤션을 그대로 사용합니다. 예를 들어 Web Vitals는 browser.web_vital로 나갑니다. 벤더 독자 스키마가 아니므로 백엔드 텔레메트리와 같은 쿼리로 다룹니다.
독자 에이전트도 벤더 락인도 없습니다. 계측은 한 번만 하고 텔레메트리에 대한 소유권은 그대로 유지합니다.

OpenTelemetry로 앱을 계측하면 모든 요청이 트레이스·메트릭·로그를 남기고 컨텍스트가 끝까지 전파됩니다. OpenTelemetry 컬렉터가 이 데이터를 정제하고 Sophonz 옵저버빌리티 엔진이 저장·쿼리·상관분석하여 정확한 문제 지점을 찾아냅니다 — 분산 추적, 에러·크래시 리포트, 앱 성능, 실제 사용자 세션. 이어서 Sophonz AI 엔진이 코드를 자동으로 수정하고, 이슈와 PR을 생성하며, UI 개선안을 제안합니다. 개선된 앱은 다시 배포되어 텔레메트리를 전송하며 루프를 완성합니다.

what-you-can-solve

TIP — 마음 놓고 배포하세요

Sophonz를 시작하면 앱을 마음 놓고 배포할 수 있습니다. 실사용자가 겪는 문제를 Sophonz가 포착하고, 당신의 앱은 스스로 진화합니다.

Traces — 서비스 전반의 분산 추적
Metrics — 시간에 따른 측정값
Logs — 타임스탬프가 찍힌 기록
Baggage — 요청과 함께 전파되는 컨텍스트 메타데이터

OpenTelemetry가 제공하는 것

벤더 중립 계측 — OTel API와 SDK로 한 번 계측하면 어떤 백엔드(Jaeger, Prometheus, 상용 벤더, 자체 솔루션)로도 내보내고, 앱 코드를 수정하지 않고 백엔드를 교체할 수 있습니다.
통합 시그널 — 트레이스·메트릭·로그를 공유 컨텍스트로 요청 경로 전체에 걸쳐 상관 분석합니다.
자동 계측(Auto-instrumentation) — 인기 프레임워크·라이브러리를 위한 무코드 계측.
컬렉터 파이프라인 — 200개 이상의 컴포넌트로 텔레메트리를 대규모로 수신·처리·필터링·라우팅합니다.
컨텍스트 전파 — 서비스 경계를 넘어 트레이스를 하나의 통합 뷰로 상관 분석합니다.
다중 언어 지원 — Java, Kotlin, Python, Go, JavaScript, .NET, Ruby, PHP, Rust, C++, Swift, Erlang 등 12개 이상 언어의 네이티브 SDK.
안정적이고 프로덕션 준비 완료 — 안정화된 트레이싱·메트릭 API, 수천 개 조직의 프로덕션 운영, CNCF 지원.
개방형 표준 — 투명한 CNCF 거버넌스 아래의 개방형 API·SDK 및 OTLP 와이어 프로토콜.
어디서나 실행 — 100% 오픈소스. 온프레미스·하이브리드·멀티클라우드에 락인 없이 배포.

SDK 설정

플랫폼 SDK를 설치하고 컬렉터 엔드포인트를 지정하면, Sophonz가 텔레메트리 수집과 백엔드 전송을 처리합니다.

import { SophonzSDK } from "@sophonz/browser-sdk";
 
const sophonz = SophonzSDK.init({
  endpoint: "https://in.sophonz.ai",
  appName: "my-app",
});

다음 단계

퀵 스타트로 Sophonz를 프로젝트에 연동한 다음, 프로덕션에 배포하기 전 베스트 프랙티스를 읽어보세요.

소개

프론트엔드에서 시작하는 관찰가능성

계측으로 해결하는 문제

전체 작동 방식

OpenTelemetry 기반

옵저버빌리티 시그널

OpenTelemetry가 제공하는 것

SDK 설정

다음 단계