WebSocket 기반 실시간 멀티플레이어 Pong 게임으로, Three.js를 활용한 3D 렌더링과 42 OAuth 인증, 친구 관리, 채팅 등 소셜 기능을 제공하는 웹 애플리케이션입니다.

팀원

김민진: FE

박소현: BE

박수환: BE, Infra

박용민: FE

박훈민: FE(Game)

담당 역할

• 프론트엔드(40%)
  • 42 OAuth 로그인 구현
  • 소켓 기반 채팅 기능 구현
  • 마이페이지 및 친구 관련 기능 구현
  • 공통 부모 컴포넌트 구현

핵심 기술 특징

Frontend

상태 관리

• Vanilla JavaScript 기반 커스텀 useState Hook 구현
• 컴포넌트 재생성 시 상태 충돌 문제를 Key-based 식별 방식으로 해결

실시간 통신