프로젝트 요약
•
한컴그룹은 코드게이트 해킹방어대회를 메타버스 앱과 오프라인에서 동시 진행하기 위해 이 앱을 개발했습니다. 이 앱에는 광장, 해킹방어존, 게임존, 명예의 전당, 컨퍼런스 존 등 다양한 컨텐츠와 기능들이 개발되어 있으며, 매년 진행되는 행사에서 사용될 예정입니다.
역할
•
프로젝트 전체 인원 : 약 30여명
•
서버팀 인원 : 3명
기술 스택
Client | Unity | ||||
Frontend | ReactJS | NextJS | TailwindCSS | TypeScript | EJS |
Backend | Node.JS | Express | Sequelize | TypeScript | |
DB | Mysql | ||||
Cloud | Azure | ||||
Infra | Devops | Docker | |||
OS | Linux |
담당 역할 요약
기획 단계부터 서비스까지 전체 과정에 참여하였습니다.
•
소셜 로그인 API 서버를 개발하였으며, 인원 부족으로 클라이언트 Unity 프로젝트까지 개발하였습니다.
•
실시간 게임 컨텐츠 랭킹 API를 개발하였습니다.
•
코드게이트 앱 관리자 페이지의 프론트엔드 및 백엔드를 개발하여, 코드게이트 사단법인 측에서 원활한 행사 진행 및 추후 앱 서비스를 원활하게 진행할 수 있게 하였습니다.
•
관리자 페이지 백엔드 서버와 실시간 서버를 연동하여, 해킹 방어 대회의 실시간 점수 중계와 라이브 영상 관리가 가능하였습니다.
•
NHN, 코드게이트, 한컴그룹 실무진들과의 미팅을 통해 결제 PG사를 선정하였습니다.
•
NHN KCP PG 결제 연동 및 결제 백엔드 API 서버를 개발하였습니다.
•
코드게이트 행사 결제 웹 프론트엔드 및 백엔드를 개발하여, 카드, 가상계좌 결제 등을 연동하고 결제 후 QR 코드를 발급하여 행사장에서 기존에 발급받은 QR을 사용하도록 하여, 사내 서비스로 모든 걸 진행할 수 있게 개발하였습니다.
•
쿠폰 시스템을 개발하였습니다.
•
DevOps를 적극 활용하여 Docker Pipeline으로 WebApp을 배포하여 자동화 시스템을 구축하였습니다.
시기
•
프로젝트 진행 기간 (2022.01 - 2022.10)
관리자페이지
•
메타버스 앱 및 행사 진행에 필요한 정보들을 관리할 수 있는 관리자 페이지 입니다.
관리자페이지의 일부 회원 페이지나 오프라인참가관리에는 민감한 개인정보 및 결제 정보가 있어 포함하지 않았습니다.
티켓 결제 페이지
•
오프라인 행사의 티켓을 구매 하거나 등록하고 QR코드를 발급 받을 수 있는 홈페이지 입니다.
소셜로그인 연동 및 개발
•
클라이언트와 서버 모두 개발했어요.
앱 내 화면