WebAssembly Stockfish와 Manifest V3를 활용한 고성능 로컬 체스 어시스턴트 확장 프로그램 만들기

Source: Dev.to

여러분, 안녕하세요! 👋
최근에 작업한 프로젝트인 Knight - Chess Helper를 공유하고 싶어요. 이 확장 프로그램은 Chess.com에서 체스 게임을 완전히 로컬에서 실시간으로 도와주고 분석하도록 설계된 고급 브라우저 확장 기능입니다.
현대 브라우저 보안 정책(Manifest V3) 하에서 이런 도구를 만드는 것은 큰 기술적 도전이었으며, 제가 어떻게 해결했는지 여러분께 설명하고 싶습니다.

👉 전체 저장소는 여기에서 확인하세요: https://github.com/physicalaff/Knight-Chess-Helper

🛠️ 기술적 과제: CSP 우회 및 샌드박스 해제
Chess.com 같은 최신 플랫폼은 매우 엄격한 콘텐츠 보안 정책(CSP)을 적용합니다. 외부 엔진 스크립트를 주입하거나 제3자 서버에 호출해 보드 상태를 평가하려 하면 보안 차단에 걸리게 됩니다.

핵심 로직: 최적화된 로컬 Stockfish WebAssembly(WASM) 엔진을 기반으로 합니다.

🧠 인간 같은 행동 에뮬레이션
이 프로젝트에서 가장 흥미로운 부분 중 하나는 “로봇 같은” 엔진 플레이를 탈피한 것이었습니다. 어시스턴트를 진정한 인간 동료처럼 느끼게 하기 위해, 인간의 자연스러운 실수와 제약을 시뮬레이션하는 수학 모델을 구현했습니다:

확장 프로그램은 수학적으로 보정된 프리셋 매트릭스를 제공합니다. 사용자는 어시스턴트를 1000 ELO에서 1500 ELO까지 수동으로 조정할 수 있으며, 이에 따라 엔진 깊이, 실수 확률, 큰 실수 비율, 평균 사고 변동성이 실시간으로 동적으로 조정됩니다.

📂 소스 코드 및 피드백
https://github.com/physicalaff/Knight-Chess-Helper

아키텍처가 흥미롭다고 생각하신다면 피드백, 코드 리뷰, 혹은 GitHub ⭐를 남겨주시면 정말 감사하겠습니다! 무거운 WASM 엔진을 브라우저 확장 프로그램 안에서 직접 실행하는 것에 대해 어떻게 생각하시나요? 댓글로 의견을 나눠 주세요!