피드로 돌아가기
What I'm building, and why
Dev.toDev.to
Frontend

SaaS-less 오프라인 기록 엔진 기반의 테스트 리포팅 및 AI Agent MCP 서버 설계

What I'm building, and why

Harish Kumar2026년 6월 3일4intermediate

Context

기존의 CI 테스트 리포팅 도구들이 SaaS 기반의 인증 및 저장소 의존성으로 인해 데이터 보존 기간 제한과 접근성 저하 문제를 야기함. AI 코딩 에이전트가 브라우저의 Rendered DOM과 Network Panel 등 실시간 런타임 상태에 접근하지 못하는 정보 격차 발생.

Technical Solution

  • rrweb 기반의 recording engine을 공유하는 모노레포 구조를 통해 중복 구현 제거 및 유지보수 효율 극대화
  • Tracelane의 경우 player와 event blob을 inline 처리하여 단일 HTML 파일로 배포하는 Zero-Infrastructure 아키텍처 설계
  • Peek은 Chrome MV3 Extension과 stdio 기반 MCP(Model Context Protocol) 서버를 연결하여 AI Agent에 Read-only 런타임 데이터 제공
  • 데이터 영속성을 위해 서버 대신 로컬 SQLite DB(~/.peek/sessions.db)를 활용한 On-device 스토리지 전략 채택
  • Supply-chain attack 방지를 위해 @posthog/rrweb-core를 특정 Commit SHA로 핀닝하고 벤더링하는 의존성 관리 체계 구축
  • MCP 전송 계층을 stdio로 제한하여 외부 네트워크 노출을 차단하고 로컬 프로세스 생명주기에 종속된 보안 모델 적용

- 외부 의존성을 제거한 Self-contained Artifact 설계로 배포 및 공유 비용 최소화 검토 - AI Agent 연동 시 stdio 기반 MCP 서버를 통한 Read-only 런타임 컨텍스트 제공 방안 분석 - 보안 민감도가 높은 프로젝트에서 Transitive Dependency를 제거하고 특정 커밋을 벤더링하는 전략 적용

원문 읽기