나만의 커스텀을 통해 여러 사람들과 함께 게임을 즐겨보자 !
- 게임 요소를 직접 제작하고 수정할 수 있도록 지원합니다. 관리자 심사 기능을 통해 유저에게 안전한 콘텐츠를 제공합니다.
- 캐치마인드/부루마불 게임을 제공합니다. 플레이어 신고 기능을 통해 부적절한 유저를 제재할 수 있습니다. 화상 채팅 및 레벨·점수 제도를 도입해, 게임에 더욱 몰입할 수 있는 환경을 조성합니다.
- 화상 채팅 중 부적절한 언행을 AI가 즉시 감지하여 제재를 적용합니다.
| 분야 | 기술 스택 | 구현 기능 |
|---|---|---|
| Frontend | • React | • 컴포넌트 기반 UI 개발 • SPA(Single Page Application) 구현 |
| • Redux | • 전역 상태 관리 • 사용자 정보, 게임 상태 관리 |
|
| • Tailwind | • UI 스타일링 • 반응형 디자인 구현 |
|
| • Styled-component | • 컴포넌트별 스타일 관리 • 동적 스타일링 |
|
| • Three.js | • 3D 게임 그래픽 구현 • 3D 모델링 렌더링 |
|
| • Canvas API | • 2D 그림 그리기기 구현 • 실시간 그림 화면 공유 |
|
| • Socket.io | • 실시간 게임 통신 • 채팅 기능 구현 |
|
| • WebRTC | • 실시간 음성/영상 통신 • P2P 연결 구현 |
|
| Backend | • SpringBoot | • RESTful API 서버 구축 • 비즈니스 로직 처리 |
| • MySQL | • 사용자 데이터 관리 • 게임 데이터 저장 |
|
| • Redis | • 실시간 데이터 캐싱 • 세션 관리 |
|
| • OpenVidu | • 화상 채팅 서버 구축 • 미디어 서버 관리 |
|
| • JPA | • 객체-관계 매핑 • 데이터베이스 연동 |
|
| • Spring Security | • 사용자 인증/인가 • 보안 기능 구현 |
|
| Infra | • Docker | • 컨테이너화 배포 • 개발/운영 환경 일치화 |
| • Jenkins | • CI/CD 파이프라인 구축 • 자동화된 빌드/배포 |
|
| • Nginx | • 웹 서버 구축 • 로드 밸런싱 |
|
| AI | • Whisper | • 음성 인식 기능 • 음성-텍스트 변환 |
| • Electron | • 데스크톱 애플리케이션 배포 • 크로스 플랫폼 지원 |
- 이메일 유효성 검사 : 정규 표현식에 맞는 형식만 가능
- 비밀번호 유효성 검사 : 영문, 숫자, 특수문자 각 1개 이상 조합하여 9-16자
- 이름 유효성 검사 : 한글만 조합해 2-5자
- 닉네임 유효성 검사 : 한글, 영문, 숫자만 조합해 2-10자
- 이메일과 비밀번호로 로그인
이번 프로젝트에서 개인적인 목표는 WebSocket, Redis를 사용한 게임 구현, Electron, Whisper, NSIS, LLM을 활용한 욕설 자동 탐지 프로그램 구현하는 거 였습니다. 처음에는 개발 일정을 맞추기 위해 무작정 개발을 진행하다보니 구현이 막히는 부분이 있었고, 이로인해 일정에 차질이 생길 위기에 처했습니다. 이러한 상황의 문제점을 지식의 부족이라고 생각해 개발을 지속하는게 아닌 실제 구현시 필요한 기술들의 구조를 학습하는데 시간을 들였고 결과적으론 성공적이게 구현할 수 있었습니다. 생소했던 기술을 익히는 과정에서 무작정 개념만 익히는게 아닌, 사이드 프로젝트를 만들어 보며 동작 구조를 익히는게 더 좋다는 점을 배울 수 있었던 소중한 경헙이었습니다.