WASM과 Web Workers 기반의 서버리스 클라이언트 엣지 컴퓨팅 구현

Context

Stockfish 엔진 구동을 위한 백엔드 클러스터 의존 구조로 인한 Network Latency 발생 및 트래픽 증가에 따른 인프라 비용의 선형적 상승 문제 직면.

Technical Solution

• Main UI Thread와 Computation Layer의 완전한 분리를 통한 60fps UI 성능 확보
• WebAssembly(WASM)를 통한 Stockfish 엔진의 브라우저 메모리 내 직접 인스턴스화
• Web Workers 기반의 비동기 처리 구조 설계를 통한 Main Thread 블로킹 방지
• worker.postMessage()를 활용한 FEN Payload의 효율적인 데이터 전송 체계 구축
• Depth 20 이상의 Deep-line Evaluation 연산을 백그라운드에서 수행하는 비동기 스트리밍 아키텍처 적용

Impact

• 인프라 운영 비용 $0 달성
• Network Latency 및 API Rate Limit 완전 제거

Key Takeaway

고성능 연산 로직을 Client-side Edge로 이관함으로써 서버 비용 절감과 사용자 경험 개선을 동시에 달성하는 분산 컴퓨팅 전략의 유효성 확인.