I got bored of solving DSA alone, so I built a Real-Time Multiplayer Coding Arena ⚔️

개요

소프트웨어 엔지니어링 학생이 Data Structures and Algorithms (DSA) 학습의 단조로움을 극복하고 실제 인터뷰 압박감을 시뮬레이션하기 위해 NodeClash라는 실시간 1대1 코딩 배틀 플랫폼을 개발했습니다.

주요 내용

• NodeClash 소개: 친구와 실시간으로 1대1 코딩 대결을 펼칠 수 있는 플랫폼으로, 방을 생성하고 링크를 공유하면 양쪽 플레이어에게 동일한 DSA 문제가 제공됩니다.
• 승리 조건: 주어진 모든 테스트 케이스를 가장 먼저 통과하는 플레이어가 승리합니다.
• 실시간 동기화: 코드 입력 및 실행 상태가 100ms 미만의 지연 시간으로 실시간 동기화됩니다.
• 기술 스택:
• 프론트엔드: React.js (Vite)를 사용하여 빠르고 다크 테마 UI 구현
• 백엔드: Node.js & Express
• 실시간 동기화: Socket.io
• 데이터베이스: MongoDB (사용자 통계 및 매치 기록 저장)
• 인증: Google OAuth
• 핵심 과제: 매치메이킹 및 실시간 동기화로, 플레이어 A의 입력이나 코드 실행이 서버에 과부하 없이 플레이어 B에게 즉시 반영되도록 하는 것이 가장 큰 난관이었습니다.
• 개발자의 도움 요청: 서버 스트레스 테스트 및 버그 발견을 위해 사용자들이 친구와 함께 NodeClash(https://nodeclash.in)에서 플레이하고 피드백을 제공해 달라고 요청했습니다.

시사점

NodeClash는 DSA 학습에 대한 재미와 실질적인 인터뷰 압박감 훈련을 결합한 혁신적인 풀스택 프로젝트로, 실시간 협업 및 경쟁 코딩 플랫폼 개발에 대한 실질적인 적용 가능성을 보여줍니다.