Zero-lag Keystroke Tracking 기반 실시간 타이핑 분석 엔진 구현

Context

광고 및 불필요한 기능으로 인한 UX 저하와 단순 결과 출력에 그치는 기존 타이핑 테스트 도구의 한계 직면. 실시간 정밀 피드백과 심층 분석 지표를 동시에 제공하는 미니멀리스트 환경 구축 필요성 대두.

Technical Solution

• 첫 번째 Keystroke 발생 시 타이머를 자동 트리거하는 정밀 추적 로직 설계
• 단어 단위가 아닌 개별 문자 입력 시점마다 WPM 및 Accuracy를 갱신하는 Real-time Telemetry 구현
• 정답 여부에 따른 즉각적인 CSS 스타일 변경을 통한 사용자 Muscle Memory 강화 피드백 루프 구축
• Raw WPM과 최종 WPM의 대조 분석을 통해 정확도 페널티를 정량화하는 Post-session Analytics 대시보드 설계
• 세션마다 랜덤 문단을 생성하여 단순 암기에 의한 점수 왜곡을 방지하는 Adaptive Word Engine 도입
• 별도 Build Step이 없는 HTML5/JS 기반 아키텍처를 통한 런타임 오버헤드 제거