데이터로 보는 A/B 테스트: 매출 2배 늘린 실제 사례

// A/B 테스트를 위한 버튼 컴포넌트
interface IButtonProps {
    variant: 'A' | 'B';
    onClick: () => void;
}

const TestButton: React.FC<IButtonProps> = ({ variant, onClick }) => {
    const backgroundColor = variant === 'A' ? '#FF4444' : '#44FF44';
    return (
        <button 
            style={{ backgroundColor }}
            onClick={() => {
                // 클릭 이벤트 추적
                trackButtonClick(variant);
                onClick();
            }}
        >
            구매하기
        </button>
    );
};

// 통계적 유의성 검정
const calculateSignificance = (dataA, dataB) => {
    const meanA = dataA.reduce((a, b) => a + b) / dataA.length;
    const meanB = dataB.reduce((a, b) => a + b) / dataB.length;
    // t-검정 구현
    return { meanA, meanB, significant: true };
};

// 디바이스별 테스트 그룹 할당
const assignTestGroup = () => {
    const isMobile = window.innerWidth < 768;
    const random = Math.random();
    
    return {
        device: isMobile ? 'mobile' : 'desktop',
        group: random > 0.5 ? 'A' : 'B'
    };
};