Taekcle Demo — A/B 테스트 시연

이 페이지는 SDK 없이도 동일한 분배·평가 로직을 서버에서 그대로 사용해 실제 SaaS가 동작하는지 보여줍니다. A/B 실험(demo-cta-color)과 기능 플래그 (demo-new-cta)를 한 페이지에서 함께 시연합니다. 첫 방문 시 두 데모 리소스가 자동 생성됩니다.

1. 실험 상태

keydemo-cta-color
enabledON
variantsA 50%B 50%

관리자라면 /experiments에서 토글/삭제 가능.

2. 내 식별값 & 할당된 variant

deviceIddemo-bkw6x12y
userIduser-77
식별 기준userId(user-77)
variantB
새 deviceId로 다시 시도로그인 시뮬 (userId=user-42)다른 사용자 (userId=user-77)초기화

2.5 기능 플래그 시연 — demo-new-cta

기능 플래그는 boolean ON/OFF 스위치예요. 어드민에서 토글하거나, testCookie 값을 브라우저 쿠키로 넣어 강제 ON/OFF 할 수 있어요. 평가 우선순위: cookie_override → enabled → defaultValue.

keydemo-new-cta
enabledON
defaultValuefalse
testCookieOncta_on
testCookieOffcta_off
평가 결과truereason: enabled

어드민 토글: /flags에서 demo-new-cta을 ON/OFF 하고 이 페이지를 새로고침하면 결과가 바뀝니다. 단, 쿠키가 설정돼 있으면 쿠키가 항상 우선이에요 (위 "쿠키 초기화" 버튼으로 제거).

3. 일관성 검증 — 같은 식별값 5회 반복

매번 같은 variant가 나와야 정상. SDK도 호스트 앱이 새로고침하든, 다른 페이지로 이동하든 동일.

run #1: Brun #2: Brun #3: Brun #4: Brun #5: B

✓ 5회 모두 동일 — 일관성 OK

4. 분배 통계 — 1000개 random deviceId

허용 오차 ±5% (목표 50/50 → 45~55%이면 정상). MurmurHash3는 균등 분포에 강함.

Variant실제 분배 수실제 비율목표오차
A48148.1%50.0%1.9%p
B51951.9%50.0%1.9%p

✓ ±5% 이내 — 분배 균등성 OK

5. 테스트 쿠키로 variant 강제하기 (QA/개발용)

어드민에서 설정한 testCookie 값을 브라우저 쿠키로 넣으면 분배 결과를 무시하고 해당 variant가 강제됩니다. 운영/개발 환경 모두 동작.

이 데모 실험은 다음과 같이 설정되어 있어요:

브라우저 DevTools → Console에서 실행해보세요:

document.cookie = 'taekcle_demo-cta-color=card_a; path=/';
// 또는
document.cookie = 'taekcle_demo-cta-color=card_b; path=/';
// 페이지 새로고침 → variant 강제 적용 확인

제거: document.cookie = 'taekcle_demo-cta-color=; path=/; max-age=0';

6. 다음 단계