
Breadcrumb
Breadcrumb · 코딩
Breadcrumb는 TypeScript 앱을 위한 LLM 추적 라이브러리로, 호스팅 서비스가 아니라 코드 의존성처럼 설치한다. 모든 트레이스는 이미 운영 중인 데이터베이스로 들어가고, 대시보드는 자신의 앱 안에 마운트하는 컴포넌트로 제공된다. 가장 문자 그대로의 의미에서 자체 호스팅 추적이다. 서드파티 대시보드로 보내는 대신 평범한 쿼리와 자신의 인증으로 AI 에이전트를 디버깅하려는 개발자를 위해 만들었다.

Breadcrumb 소개
Breadcrumb란 무엇인가
Breadcrumb는 TypeScript로 AI 기능을 만드는 팀을 위한 추적 도구다. 핵심 발상은 소유권이다. 프롬프트와 페이로드를 서드파티 대시보드로 보내는 대신, 앱이 이미 쓰고 있는 데이터베이스에 스팬을 기록한다. 인스턴스 하나를 자신의 데이터베이스로 향하게 하고, 대시보드를 자신의 로그인 뒤에 마운트하면, 이후 추적 데이터는 사용자 테이블 바로 옆에 놓인다.
이 배치가 핵심이다. 스팬이 자신의 스키마 안에 있으므로, 저장하는 다른 무엇과도 조인할 수 있다. 청구 페이지에 고객별 비용을 넣고 싶은가, 아니면 테넌트별 실패 횟수를 보고 싶은가. 익숙한 ORM으로 쓰는 평범한 쿼리다. 호스팅 도구는 그렇게 못 한다. 자기 데이터만 볼 뿐이다. Breadcrumb는 쿼리를 주고, 그 대가로 저장소는 직접 운영한다.
주요 한계는 범위다. Breadcrumb는 Vercel AI SDK 위에 구축된 TypeScript 앱을 겨냥한다. 스택이 Python이라면 맞지 않다. 제로 설정을 원하는 경우도 마찬가지다. 데이터베이스 작업도 직접 진다. 이미 Postgres를 돌리는 팀에게는 저렴하다. 그 외에는 실질적인 비용이다.
시작하기
- npm에서 핵심 패키지와 데이터베이스 어댑터를 설치한 뒤, 자신의 데이터베이스와 기본 경로를 향하는 Breadcrumb 인스턴스를 만든다.
- 자신의 인증으로 보호한 상태에서 앱에 대시보드 컴포넌트를 마운트한다.
- AI SDK가 experimental_telemetry를 받는 곳에 bc.telemetry()를 넘겨 모델 호출을 계측한다.
- 검색, 도구 호출, DB 쓰기 같은 주변 작업을 bc.trace()로 감싸 모두 하나의 타임라인에 담는다.
- 대시보드에서 트레이스를 읽거나, 코딩 에이전트에 MCP 키를 주고 직접 쿼리하게 한다.
제품 정보
Breadcrumb의 요금, 지원 플랫폼, 성능을 한눈에 확인해 보세요.
추천 대상
이 도구가 가장 잘 맞는 사용자, 작업, 상황입니다.
사용자
- AI 기능을 만드는 TypeScript 개발자
- 백엔드 및 플랫폼 엔지니어
- 관측성 전담 예산이 없는 소규모 AI 제품 팀
작업
- 느리거나 실패하는 에이전트 요청 디버깅
- 고객별 지출 추적
- 코딩 에이전트가 프로덕션 동작을 살펴보게 하기
활용 상황
- 특정 계정이 이탈하는 이유 조사
- 프롬프트 데이터를 비공개로 유지
- 테넌트 간 실패 감사
주요 기능
서비스가 아니라 라이브러리
Breadcrumb는 코드 의존성으로 설치한다. 즉 트레이스 데이터를 위한 외부 계정도, 네트워크 왕복도 없다. 인스턴스를 하나 만들고 자신의 데이터베이스로 향하면 자신의 프로세스 안에서 돈다. 스스로 정하지 않는 한 어떤 것도 인프라 밖으로 나가지 않는다. 예상 밖의 일은 없다. 데이터 규칙이 엄격한 팀에게는 이 점이 결정적 요인인 경우가 많다.
자신의 데이터베이스 안의 트레이스
스팬은 breadcrumb_spans라는 단일 테이블로 정규화되어, 앱이 이미 쓰고 있는 데이터베이스에 존재한다. 내보내기도, 웹훅도, 남의 스키마 위의 읽기 전용 API도 아니다. 분석은 쓰는 ORM으로 하는 평범한 쿼리가 되므로, 트레이스를 사용자, 주문, 그 밖에 보관하는 무엇과도 조인할 수 있다. 예컨대 Prisma 사용자는 이 테이블을 끌어와 다른 모델처럼 다룰 수 있다.
자동 모델 계측
모델 호출은 스스로 계측된다. Vercel AI SDK가 experimental_telemetry를 기대하는 곳에 bc.telemetry()를 넘기면, Breadcrumb는 SDK가 이미 내보내는 속성에서 모델, 제공자, 토큰 수, 비용, 페이로드를 읽는다. 호출마다 수작업으로 스팬을 조립할 필요가 없다. 설정이 작게 유지되고, 기존 프로젝트를 다시 쓰지 않고도 추적을 더하기 쉬워진다.
bc.trace()를 통한 타임라인 추적
모델 호출 주변 작업은 스스로 계측되지 않으므로 bc.trace()로 감싼다. 검색, 도구 호출, 마지막 데이터베이스 쓰기가 모델 스팬과 같은 타임라인에 놓인다. 요청이 느리게 느껴질 때 지연이 검색에 있는지, 도구에 있는지, 모델 자체에 있는지를 추측 대신 확인할 수 있다.
코딩 에이전트를 위한 MCP 접근
Breadcrumb는 MCP로 트레이스를 노출하므로, 에이전트가 개발자처럼 쿼리할 수 있다. 코딩 에이전트에 키를 주고 프로덕션 트레이스를 파헤치게 하거나, 직접 대시보드를 읽어도 된다. hidePayloads 옵션은 원본 프롬프트를 에이전트가 보는 범위 밖으로 둔다. 트레이스에 민감한 사용자 입력이 담길 때 중요하다.
직접 통제하는 커스텀 대시보드
대시보드는 컴포넌트이지 고정된 SaaS 화면이 아니다. 호스팅 도구는 모두의 앱을 제공하므로 범용으로 남을 수밖에 없지만, 자신의 것은 자신의 앱만 제공하면 된다. 자신의 인증 뒤에 마운트하고, 추가 패널을 그 안의 페이지로 낼 수 있다. 대시보드 UI가 남의 도메인에 있고 모든 고객의 앱을 제공해야 할 때는 이런 유연성을 얻기 어렵다.
이벤트 과금 없는 보존
보존은 환경별로 정하는 기간이며, 트레이스가 들어올 때마다 정리된다. 이벤트 단위로 과금되는 것이 없으므로, 청구서를 낮게 유지하려고 페이로드를 샘플링하거나 버릴 필요가 없다. 데이터를 얼마나 두는지는 직접 정하고, 그 기간 동안 완전한 트레이스를 유지한다.
장단점
장점
- 트레이스가 자신의 데이터베이스에 있으므로 사용자, 청구, 테넌트 데이터와 조인할 수 있다.
- 이벤트당 과금이 없어 비용을 통제하려고 샘플링하는 대신 완전한 페이로드를 유지할 수 있다.
- 계측이 가볍다. 모델 호출이 AI SDK를 통해 텔레메트리를 자동으로 받아온다.
- 대시보드가 자신의 인증 뒤에 있는 컴포넌트라 프롬프트 데이터가 비공개로 유지된다.
- MCP 지원 덕분에 코딩 에이전트가 트레이스를 직접 쿼리해 조사 속도를 높인다.
단점
- Vercel AI SDK 위의 TypeScript 앱만 겨냥하므로 Python이나 다른 스택은 커버되지 않는다.
- 데이터베이스와 저장소를 직접 다뤄야 하므로, 이미 Postgres를 돌리지 않는다면 수고가 늘어난다.
- 관리형 클라우드 옵션이 없어 제로 설정을 원하는 팀은 다른 도구를 찾아야 한다.
자주 묻는 질문
Breadcrumb는 TypeScript 앱의 LLM 호출을 추적해, AI 에이전트가 무엇을 했고 시간이 어디로 갔는지 보이게 한다. 모델 호출, 검색, 도구 사용, 데이터베이스 쓰기를 하나의 공유 타임라인에 기록하고, 그 모든 스팬을 서드파티가 아니라 자신이 통제하는 데이터베이스에 보관한다.
관련 콘텐츠
Breadcrumb와 관련된 도구, 스킬, 아티클을 살펴보세요.
Breadcrumb 대안
Forefront
Forefront · 코딩Forefront는 오픈소스 AI로 무언가를 만드는 웹 플랫폼이다. 대표적인 오픈소스 언어 모델을 자신의 데이터로 미세 조정하고, 성능을 평가하고, API로 실행하거나 내보내 직접 호스팅할 수 있다. 폐쇄형 플랫폼의 편의를 원하면서도 모델과 데이터의 소유권은 놓지 않으려는 개발자가 대상이다.
Startkit
StartKit.AI · 코딩Startkit은 AI SaaS와 AI 래퍼 제품을 만들기 위한 보일러플레이트다. 지루한 부분을 미리 연결해 둔 AI 스타트업 보일러플레이트라고 생각하면 된다. 인증, Stripe와 Lemon Squeezy 결제, 사용량 제한, 트랜잭션 이메일, 그리고 OpenAI, Anthropic, Groq, Llama와 통신하는 AI API 스타터 키트가 포함된다. 저장소를 복제하고 가격을 정한 뒤 사용자가 실제로 돈을 내는 부분에 착수하면 된다. React와 Tailwind 위의 Next.js로 만들어졌기 때문에 보일러플레이트 코드의 상당 부분이 이미 익숙하게 느껴진다.
Testim
Tricentis · 코딩Testim은 웹, 모바일, Salesforce 애플리케이션 전반에 걸쳐 엔드투엔드 테스트를 만들고 실행하는 AI 기반 테스트 자동화 플랫폼이다. 머신러닝에 기대어 인터페이스가 바뀌어도 테스트를 안정적으로 유지하므로, 팀은 깨진 셀렉터를 고치는 데 쓰는 시간을 줄인다. 오늘부터 쓸 수 있는 자동화 테스트 도구치고 나쁘지 않다. 브라우저에서 동작을 녹화해 테스트를 만들고, 더 세밀한 제어가 필요하면 JavaScript를 더한다. 바쁜 QA 팀에게 탄탄한 선택이다.
