제2장: 핵심 개념

// React 애플리케이션 통합 예시
import { WIAChildProvider, useChildProtection } from '@wia/child-react';
import { useState, useEffect } from 'react';

function App() {
    return (
        <WIAChildProvider config={{
            apiKey: process.env.REACT_APP_WIA_KEY,
            strictMode: true,
            ageGateRequired: true
        }}>
            <MainContent />
        </WIAChildProvider>
    );
}

function MainContent() {
    const { isVerified, ageGroup, filterContent } = useChildProtection();
    const [content, setContent] = useState([]);

    useEffect(() => {
        async function loadContent() {
            const rawContent = await fetch('/api/content').then(r => r.json());

            // WIA-CHILD 필터링 적용
            const filtered = await filterContent(rawContent, {
                ageGroup,
                categories: ['safe', 'educational'],
                excludeTopics: ['violence', 'adult-content']
            });

            setContent(filtered);
        }

        if (isVerified) {
            loadContent();
        }
    }, [isVerified, ageGroup]);

    if (!isVerified) {
        return <AgeGate />;
    }

    return (
        <div className="content-grid">
            {content.map(item => (
                <ContentCard
                    key={item.id}
                    data={item}
                    ageAppropriate={true}
                />
            ))}
        </div>
    );
}
                

// React Native + WIA-CHILD 통합
import { WIAChildSDK } from '@wia/child-mobile';
import { Platform, Alert } from 'react-native';

class ChildSafetyManager {
    private sdk: WIAChildSDK;
    private deviceMonitor: DeviceMonitor;

    async initialize() {
        this.sdk = new WIAChildSDK({
            platform: Platform.OS,
            enableDeviceMonitoring: true,
            parentalControlsEnabled: true
        });

        await this.sdk.connect();

        // 디바이스 레벨 모니터링 활성화
        this.deviceMonitor = new DeviceMonitor({
            screenTimeTracking: true,
            appUsageMonitoring: true,
            locationTracking: false // 개인정보 고려
        });

        // 부모 알림 설정
        this.setupParentalNotifications();
    }

    private setupParentalNotifications() {
        this.sdk.on('inappropriate-content-blocked', async (event) => {
            // 부모에게 푸시 알림
            await this.sendParentNotification({
                title: '차단된 콘텐츠 감지',
                body: `자녀가 부적절한 콘텐츠에 접근을 시도했습니다.`,
                data: {
                    contentType: event.contentType,
                    timestamp: event.timestamp,
                    appName: event.appName
                }
            });
        });

        this.deviceMonitor.on('excessive-screen-time', async (stats) => {
            // 스크린 타임 초과 알림
            Alert.alert(
                '스크린 타임 알림',
                `오늘 화면 사용 시간이 설정된 제한을 초과했습니다: ${stats.totalMinutes}분`,
                [
                    { text: '5분 더', onPress: () => this.extendTime(5) },
                    { text: '휴식 시작', onPress: () => this.startBreak() }
                ]
            );
        });
    }
}