Enter your search text in the box above

Select a result to preview

Rum Without Limit 워크샵

Pasted image 20260304175217.png
RUM without Limits 는 고객에게 완벽한 세션 캡처와 비용 효율적인 제어라는 두 가지 장점을 모두 제공하는 새로운 모델입니다. 고정된 샘플링 속도나 높은 데이터 보존 비용에 얽매이지 않고, 성능 모니터링, 신속한 문제 해결, 데이터 기반 의사 결정에 필요한 가시성을 확보할 수 있습니다.

개요

이 문서의 목표는 Datadog RUM을 테스트할 수 있는 프런트엔드 웹 애플리케이션을 빠르게 만들 수 있는 방법을 제공하는 것입니다.

로컬에서 실행하는 방법

다음 단계를 따라 이 애플리케이션을 시작하세요.

  1. Datadog - RUM에서 "REACT" 타입의 애플리케이션을 생성하세요.
    이 RUM 애플리케이션의 applicationId및clientToken 값을 기록해 두세요.

  2. 저장소를 복제하세요:

git clone https://github.com/gblee87/dd_rwol_sample

  1. .env.example 파일명을 .env로 변경하고 <YOUR_RUM_APPLICATION_ID>applicationId 값을 본인의 값으로 바꾸세요.
    그런 다음에 <YOUR_RUM_CLIENT_TOKEN>clientToken 값을 본인의 값으로 바꾸세요.

  2. 종속성을 설치하려면 다음 명령을 실행하세요.

npm install
  1. 개발 서버를 시작하세요.
npm run dev

RWOL 기능 탐구

1단계: RUM 측정 도구를 어떻게 활용할 수 있을까요?

RUM 측정 기능이 어떻게 작동하는지 확인하려면 먼저 Datadog에서 세션이 인덱싱되지 않도록 해야 합니다.
이렇게 하면 세션이 중단된 경우에도 메트릭이 계속 수집되는지 확인할 수 있습니다.

보존 필터 비활성화

  1. Datadog에서 RUM > 애플리케이션 관리 로 이동하세요.
  2. 이 데모를 위해 만든 애플리케이션을 선택하세요.
  3. '보존 필터' 섹션을 찾으세요.
  4. 새 세션 색인 생성을 중지하려면 모든 활성 보존 필터를 비활성화하세요.

Pasted image 20260304175404.png

참고: 첫 번째 필터인 "강제 재생이 포함된 세션"은 수정할 수 없습니다. 이는 "강제 수집" 메커니즘에 의해 트리거된 재생이 항상 보존되도록 하는 기본 시스템 필터입니다.

Datadog 대시보드 준비 하세요

Datadog의 RUM Without Limits를 사용하면 메트릭 수집과 세션 저장을 분리할 수 있습니다. 즉, 모든 트래픽에 대해 정확한 성능 메트릭을 즉시 확인할 수 있습니다. 이를 시각화하려면 아래 단계를 따르세요.

제공된 JSON 대시보드 파일 두 개를 Datadog 조직으로 가져오세요. 이 파일을 통해 RUM 측정 데이터와 RUM 조사 데이터를 비교할 수 있습니다 .

  1. RWOL - 사용자 활동 대시보드(트래픽 개요):
dd_rwol_sample/dashboards/[Dashboard] RWOL-UserActivity.json at main · gblee87/dd_rwol_sample
Contribute to gblee87/dd_rwol_sample development by creating an account on GitHub.
github.com

보존된 RUM 세션 목록과 함께 그래프를 표시합니다rum.measure.view. 세션 목록이 비어 있는 경우에도 메트릭이 표시되는지 확인하는 데 사용합니다.

  1. RWOL - 웹 앱 성능 대시보드(성능):
dd_rwol_sample/dashboards/[Dashboard] RWOL-WebAppPerformance.json at main · gblee87/dd_rwol_sample
Contribute to gblee87/dd_rwol_sample development by creating an account on GitHub.
github.com

기본 제공되는 메트릭을 활용하여 페이지 로드 성능 및 사용자 경험을 분석합니다.

  1. RWOL - Measure 전용(종합):
dd_rwol_sample/dashboards/[Dashboard] RWOL-Measure.json at main · gblee87/dd_rwol_sample
Contribute to gblee87/dd_rwol_sample development by creating an account on GitHub.
github.com

Rum without limit - measure 만 활용하여 구성한 사용자 경험 대시보드 예제입니다.

데모 앱으로 트래픽을 생성하세요

대시보드가 ​​준비되면 데모 앱을 실행하고 탐색을 시작하세요.

참고 : 최근에 앱을 방문한 경우 이전 세션이 활성화되어 이전 필터 규칙이 적용될 수 있습니다. 새롭게 시작하려면 Reset Session앱 오른쪽 상단의 버튼을 클릭하세요.

Pasted image 20260304175421.png
함수 메뉴로 이동하여 다음 페이지들을 활용하여 다양한 RUM 데이터를 생성하세요.

RUM 측정으로 가시성 확보

이제 트래픽을 생성했으니 Datadog으로 돌아가서 RUM Measure가 세션을 저장하지 않고도 이 데이터를 어떻게 수집하는지 확인해 보세요.

1. 메트릭 수집 확인 ( RWOL - 사용자 활동 대시보드)
[ RWOL - 사용자 활동 대시보드]를 엽니다. 이 화면은 메트릭 수집과 세션 유지 기간을 비교하기 위해 설계되었습니다.

Pasted image 20260304175433.png

2. 기본 제공 메트릭( RWOL - 웹 앱 성능 대시보드) 을 사용하여 성능을 모니터링하세요.
기본 제공(OOTB) 지표를 확인하려면 [ RWOL - 웹 앱 성능 대시보드]로 전환하세요.

Pasted image 20260304175441.png

3. 성능 모니터링 페이지 사용
Datadog RUM에서 제공하는 성능 모니터링 페이지를 사용하면 유용한 정보를 얻을 수도 있습니다.

성능 요약을 살펴보려면 디지털 경험 > 성능 모니터링 > 요약 으로 이동하세요 .
이 화면은 애플리케이션 상태를 확인할 수 있는 제어 센터 역할을 합니다.

Pasted image 20260304175452.png

최적화 설정
분석을 위해 최적화 페이지 로 이동하세요 . 이 페이지에서는 핵심 웹 바이탈 에 대한 자세한 분석을 제공하여 시간 경과에 따른 성능 추세를 추적하고, 가장 큰 영향을 받는 사용자 그룹을 파악하고, 최적화 우선순위를 정확하게 지정할 수 있도록 지원합니다.

Pasted image 20260304175500.png

더 자세히 조사하려면 /slow-loading목록에서 해당 페이지를 클릭하세요. 이렇게 하면 실적이 저조한 페이지에만 집중하여 세부 정보를 확인할 수 있습니다.

Pasted image 20260304175507.png

2단계: RUM Investigate를 활용하여 무엇을 할 수 있을까요?

보존 필터는 RUM 세션 탐색기에서 사용되는 것과 유사한 일련의 쿼리로, RUM 이벤트(세션, 보기, 작업, 리소스 등)가 수집될 때 실행됩니다. 이러한 필터는 세션을 표준 30일 RUM 보존 기간 동안 저장할지 또는 폐기할지를 결정합니다.

보존 필터를 활성화하세요:

RUM > 애플리케이션 관리 > 보존 필터 로 이동하여 다음과 같이 설정을 구성하십시오.

  1. "Sessions with errors" 보존 필터를 활성화하세요.
    • 이는 기본 필터입니다. 이 필터를 활성화하면 오류가 하나 이상 포함된 모든 세션이 분석을 위해 보존됩니다.
  2. 아래 화면을 참고하여, 새 필터를 추가하세요.Query Type: View 그리고 Query: @view.largest_contentful_paint:>=3s
    • 이 필터는 성능 모니터링에 초점을 맞추고 있으며, 특히 LCP 가 3초 이상인 세션을 수집하고 유지합니다.
  3. 아래 화면을 참고하여, 새 필터를 추가하세요. Query Type: Session 그리고 Query: @usr.hasPaid:true
    • 이는 세션의 사용자 메타데이터를 사용하여 사용자 지정 필터를 만드는 예시입니다. 이 특정 쿼리를 사용하면 유료 사용자만 세션에 포함시킬 수 있습니다.

Pasted image 20260304175516.png

데모 앱으로 트래픽을 생성하세요

이제 데모 애플리케이션을 탐색하여 유지 필터를 추가한 상태에서 트래픽을 생성해 보겠습니다.

시나리오 1: 사용자 등급 필터링

시나리오 2: 오류 추적

시나리오 3: 성능 모니터링(느린 로딩)

RUM Investigate로 가시성 확보

이제 트래픽을 생성했으므로 Datadog으로 돌아가 RUM Investigate를 사용하여 보존 필터가 적용된 후 Datadog에 보존된 세션을 확인하세요. 이렇게 보존된 세션을 통해 고객은 세션 수준의 세부 정보를 확인할 수 있으므로 상세한 이벤트 타임라인을 살펴보고 특정 사용자 문제를 해결할 수 있습니다.

1. 세션 탐색기에서 세션을 분석합니다.

수집된 세션 목록을 보려면 세션 탐색기 로 이동하세요 .

Pasted image 20260304175528.png

2. 성능 최적화에 대한 심층 분석

성능 병목 현상을 분석하려면 성능 모니터링 > 최적화 로 이동하십시오 .

Pasted image 20260304175535.png

3. 히트맵을 사용하여 사용자 행동을 시각화하세요

히트맵은 사용자의 상호작용을 세션 재생 데이터 위에 직접 오버레이하여 시각화한 것입니다. 히트맵을 활용하면 복잡한 사용자 참여 데이터를 한눈에 검토하고 사용자 경험 최적화를 위한 실질적인 인사이트를 얻을 수 있습니다.

Pasted image 20260304175542.png

자원