Frontend
React와 Recoil을 사용하여 실시간 게임 화면 및 채팅 UI/UX를 구현했습니다.
- useEffect와 Recoil을 활용하여 소켓 이벤트와 게임 상태의 실시간 반응성 확보
- 게임 전적 데이터를 시각화하는 대시보드 페이지 설계
- React
- Recoil
- Styled-Components
전체 프로젝트
완료
칙칙퐁퐁
Socket.io 기반의 실시간 채팅과 Pong 게임을 통합한 웹 플랫폼으로, 풀스택 개발 경험을 통해 실시간 통신 아키텍처를 설계했습니다.
- Period
- 2023-07 - 2023-09
- Scope
- 2 areas
- React
- Nest.js
- Socket.io
- PostgreSQL
- Docker
Contributions
수행한 역할
Backend
Nest.js와 Socket.io를 사용하여 실시간 채팅 및 게임 서버를 구축하고 인증 시스템을 설계했습니다.
- 채팅/게임 방 생성, 입장, 종료 등 실시간 이벤트 흐름 정의
- OAuth2 + 2FA 기반의 토큰 인증 시스템 구현
- PostgreSQL과 TypeORM을 이용한 DB 모델링 및 쿼리 설계
- Nest.js
- Socket.io
- PostgreSQL
- TypeORM