Velt SDK와 CRDT 기반의 실시간 협업 캔버스 아키텍처 구현

Context

기존 Canvas 앱의 단일 사용자 기반 구조로 인한 실시간 상태 동기화 및 충돌 해결의 복잡성 발생. WebSocket 인프라 구축 및 동시성 제어 로직 구현에 따른 과도한 엔지니어링 공수 투입이 병목 지점으로 작용.

Technical Solution

• CRDT 기반의 데이터 동기화 메커니즘을 통한 분산 환경 내 Conflict-free 상태 업데이트 구현
• Velt SDK 도입을 통한 WebSocket 서버 및 Sync Engine 등 백엔드 인프라 관리 비용 제거
• MCP(Model Context Protocol) 기반 AI Agent를 활용한 기존 코드베이스 분석 및 맞춤형 CRDT Store 설계
• VeltProvider 중심의 계층 구조 설계를 통한 Presence, Cursor, Comments 기능의 모듈식 통합
• 세션 기반 식별자 할당을 통한 다중 사용자 간 실시간 공유 상태(Shared State) 관리