DevLog

엔지니어링 블로그를 한 곳에서 탐색하고, 최근 발행 흐름을 빠르게 파악할 수 있는 서비스 입니다.

Quick Links

  • Latest Feed
  • Engineering Directory

Support

  • 소개
  • 개인정보처리방침

Contribute

  • 원하는 블로그 추가 (준비 중)
  • Feedback

© 2026 DevLog Inc. All rights reserved.

본 사이트는 공개 RSS 피드를 통해 콘텐츠를 수집하며, 모든 콘텐츠의 저작권은 원저작자에게 있습니다.

Back to Feed
Read Original

Contents

Continue Reading

  • More from 아임웹
  • Related reads#Datadog
#Frontend

Datadog RUM 도입기: 비용을 90% 줄이기까지

Datadog RUM 도입기: 비용을 90% 줄이기까지
01

Summary

클릭 한 번에 비용 폭탄? Datadog RUM 비용을 90%나 깎아버린 아임웹의 초가성비 도입기

봇 필터링부터 커스텀 SDK 래퍼 제작까지, 마이크로 프론트엔드 환경에서 RUM 비용을 극적으로 줄인 실전 엔지니어링 가이드

사용자 경험(UX) 개선을 위해 Datadog RUM을 도입하고 싶지만 무지막지한 비용 때문에 망설여지시나요? 아임웹 프론트엔드 팀이 60여 개의 마이크로 프론트엔드 환경에서 직면한 비용 한계를 어떻게 기술적으로 극복했는지 생생한 여정을 소개합니다. 봇 차단, 세션 지연 초기화, 그리고 가성비 넘치는 세션 리플레이 대체 기법까지 실무에 바로 적용할 수 있는 비용 최적화 꿀팁을 아낌없이 담았습니다.

  • 01User Agent와 환경 시그널 검사를 결합하여 무의미한 봇 세션을 50% 이상 완벽 차단
  • 02페이지 접속 후 10초 경과 또는 액션 10회 이상 시에만 세션을 수집하는 지연 초기화 전략 도입
  • 0360여 개 마이크로 프론트엔드 앱의 일관된 이벤트 전송을 위해 자체 개발한 RUM SDK 래퍼(Core & Bridge)
  • 04Session Replay 대비 16.7배 저렴한 텍스트 기반 액션 자동 추적 구현으로 시각적 녹화 비용 제거
  • 05결과적으로 수집 품질은 높이고 모니터링 비용은 90% 이상 세이브하는 쾌거 달성

+RECOMMENDATION

RUM 도입을 고민하고 있으나 비용 예측이 어려워 주저하는 조직이나, 마이크로 프론트엔드/멀티 도메인 환경에서 일관된 클라이언트 모니터링 체계를 구축하려는 프론트엔드 엔지니어들에게 강력히 추천합니다.

The Problem

아임웹 프론트엔드 챕터는 사용자 여정 단위의 모니터링을 위해 Datadog RUM 도입을 추진했으나, 60여 개의 마이크로 프론트엔드 앱 관리 이슈와 세션 수 기반의 과금 모델로 인한 급격한 비용 상승 우려에 직면했습니다. 특히 무의미하게 세션을 소모하는 대량의 봇 트래픽과 이탈율이 높은 단순 단순 방문자 세션으로 인해 정밀한 필터링이 요구되었습니다.

The Solution

User Agent 시그니처 및 10가지 이상의 환경 시그널을 검사하는 정교한 봇 필터링을 구축하고, 10초 대기 또는 10회 이상 액션 발생 시에만 세션을 활성화하는 지연 초기화 기법을 도입했습니다. 또한 마이크로 프론트엔드 간의 일관된 세션 및 이벤트 전송을 위해 자체 SDK 래퍼 패키지를 제작하고, 비싼 Session Replay 기능을 텍스트 기반의 대화형 요소 액션 추적 방식으로 완벽히 대체했습니다.

The Result

정교한 봇 차단과 의미 있는 세션 선별 정책을 적용한 결과 전체 수집 세션 수를 약 90% 감소시켰으며, 값비싼 Session Replay를 비활성화함으로써 비용을 90% 이상 대폭 절감하고 수집 세션의 전반적인 데이터 품질을 극대화했습니다.

Trade-off

의미 있는 세션 획득을 위해 초기화 시점을 지연시키고 액션 수 제한을 걸었기 때문에, 초반 10초 이내에 발생하는 극소수의 이탈 상황이나 초기 에러 로그는 유실될 우려가 있습니다. 또한 동영상 방식의 시각적 Session Replay 기능을 배제하고 텍스트 기반 액션 로그로 대체했기 때문에, 직관적인 유저 화면 복원성 면에서는 다소 타협이 필요했습니다.

03

Key Concepts

Concept · 01

Datadog RUM (Real User Monitoring)

실제 사용자의 브라우저에서 성능, 에러, 유저 행동 데이터를 세션 단위로 수집하고 관측하는 모니터링 서비스입니다.

  • 사용자 여정 전체를 타임라인으로 기록하여 문제 재현 및 원인 분석 시간을 크게 단축시킵니다.
  • LCP, CLS 등 Core Web Vitals를 별도 설정 없이 자동 수집하고 백엔드 APM과 연계합니다.
Concept · 02

마이크로 프론트엔드 (Micro-Frontend)

대규모 웹 애플리케이션을 독립적으로 개발, 테스트, 배포할 수 있는 여러 개의 작은 서브 애플리케이션으로 분할하는 아키텍처입니다.

  • 아임웹은 60여 개의 마이크로 애플리케이션을 운용 중이며, 개별 설정 관리가 어려워 호스트 기반의 통합 제어를 도입했습니다.
  • Host와 각 iframe 앱 간의 이벤트를 브라우저 API(CustomEvent, postMessage)를 통해 전달하도록 구현했습니다.
Concept · 03

Session Replay 대체 기술 (Interactive Action Tracking)

고비용의 동영상 세션 녹화 방식 대신, 사용자가 클릭한 대화형 요소들의 접근성 속성 및 식별자를 텍스트 흐름으로 자동 수집하여 유저 행동을 재현하는 가성비 솔루션입니다.

  • 1,000 세션당 $2.50인 Session Replay 비용 부담과 iframe 수집 한계를 극복하기 위해 설계되었습니다.
  • aria-label, alt, textContent 등의 속성 우선순위를 기반으로 PII 정보를 치환하며 식별 가능한 액션 이름을 추출하여 전송합니다.
Continue reading · same source

아임웹More from 아임웹

View all posts from 아임웹
  • VPC Lattice 기반 서비스 네트워크 재설계와 비용 최적화 사례

    VPC LatticeAWSKubernetes
    1주 전
  • 963초짜리 쿼리 하나가 HLL 205만까지 끌어올렸습니다

    Aurora MySQLMVCCHLL
    2주 전
  • 1. 통과하는 테스트 뒤에 숨어 있던 것들

    TypeScriptTestcontainersWireMock
    3주 전
  • 2. 유스케이스를 격리하고 의존성을 나누어 Lint로 규칙 세우기

    TypeScriptESLintNestJS
    3주 전
  • 보안 계정을 처음부터 다시 설계했습니다.

    AWSOktaTransit Gateway
    1개월 전

Related reads#Datadog

Explore #Datadog
올리브영

에러로그 하나에 깨던 새벽에서 벗어나기까지 — 상품 모니터링 진화기

#Datadog2개월 전
아임웹

세 개의 플랫폼, 하나의 배포 관측

#Datadog2개월 전
무신사·SLO

추측이 아닌 데이터로: 3개 서비스 27개 SLO와 54개 모니터를 설정하고 배포 자동화까지 구축한 2주의 집중 작업

#Datadog6개월 전

Source

아임웹
아임웹
Engineering Blog

Published · May 7, 2026

Topics

DatadogRUMFrontendMicrofrontendCost Optimization