안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
더테니스(The Tennis) - 테니스 대회 참가 및 랭킹 플랫폼
개발 · 디자인 · 기획
웹 · 안드로이드 · iOS
중개ㆍ매칭 플랫폼, SaaSㆍ솔루션, CRM 고객관리
프로젝트 배경
### 1) 문제점
- 테니스 대회 정보가 여러 카페, SNS에 분산되어 찾기 어려움
- 대회 참가 신청이 수작업(댓글, 문자)으로 이루어져 번거로움
- 참가비 결제와 환불 처리가 복잡함
- 대회 진행 중 대진표, 경기 결과를 실시간으로 확인하기 어려움
- 객관적인 실력 평가 시스템(랭킹)이 부재

### 2) 프로젝트 목표
- 테니스 대회 검색부터 참가 신청, 결제까지 원스톱으로 제공
- 실시간 대진표 및 경기 결과 확인 기능
- ELO 기반 공정한 랭킹 시스템 구축
- 대회 주최자를 위한 관리 도구 제공

### 3) 주안점
- 대회 참가자와 주최자 모두에게 편리한 UX 설계
- 실시간 데이터 동기화로 경기 현황 즉시 반영
- NTRP 등급과 ELO 레이팅을 활용한 공정한 실력 평가
- 크로스플랫폼 개발로 접근성 확보
프로젝트 성과
크로스플랫폼 앱 출시
단일 코드베이스로 Web, iOS, Android 앱 동시 출시
모노레포 아키텍처 구축
4개 앱 + 3개 라이브러리를 npm workspaces로 통합 관리
Live Updates 시스템
앱스토어 심사 없이 즉시 업데이트 가능한 배포 파이프라인 구축
관리자 웹 개발
대회 주최자를 위한 별도의 관리자 웹 애플리케이션 제공
핵심 기능
대회 검색 및 참가 신청
다양한 테니스 대회 목록 조회, 상세 정보 확인, 참가비 결제 및 참가 신청.
대회 상세 정보
대회 일시, 장소, 참가비, 상금, 참가자 현황 등 상세 정보 제공. 참가 신청 및 취소 기능.
실시간 대진표 및 경기 결과
대회 진행 중 실시간으로 대진표 확인, 경기 결과 업데이트.
랭킹 시스템
ELO 기반 레이팅 시스템으로 객관적인 실력 평가. 선수 검색 및 랭킹 확인.
테니스장 찾기
전국 테니스장 정보 제공, 위치 기반 검색, 카테고리별 필터링.
진행 단계
기획
2025.10.
테니스 대회 플랫폼 요구사항 분석, 기능 정의
설계
2025.10.
모노레포 구조 설계, 공유 라이브러리 정의
개발
2025.10.
API 서버, Web 앱, Admin 앱 동시 개발
모바일
2025.11.
Capacitor 연동, iOS/Android 앱 빌드
테스트
2025.11.
테스트 및 사용자 피드백 수집
프로젝트 상세
더테니스는 테니스 대회 참가부터 실시간 경기 현황, 대진표, 랭킹까지 한 곳에서 관리하는 플랫폼입니다.

사용자는 다양한 테니스 대회를 검색하고, 참가비를 결제하여 대회에 참가할 수 있습니다. 대회 진행 중에는 실시간으로 경기 결과와 대진표를 확인할 수 있으며, ELO 기반 랭킹 시스템을 통해 자신의 실력을 객관적으로 파악할 수 있습니다.

Angular + Ionic 기반의 웹뷰 앱과 Capacitor를 활용한 네이티브 모바일 앱을 동시에 제공하여, 단일 코드베이스로 웹과 iOS/Android를 모두 지원합니다. 모노레포 구조로 Web, Admin, API, Mobile Shell을 통합 관리하여 개발 효율성을 극대화했습니다.

### 기술적 특징
- Angular 20 + Ionic 기반 크로스플랫폼 개발
- Capacitor를 활용한 네이티브 앱 빌드 (iOS/Android)
- 모노레포 구조로 4개 앱 + 3개 공유 라이브러리 통합 관리
- Live Updates로 앱스토어 심사 없이 즉시 업데이트
- Firebase + Google Cloud Run 하이브리드 인프라

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

dm******
개발 · 개인사업자

프로젝트 정보

참여 기간
2025.10. ~ 2025.12.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
Angular
TypeScript
capacitor
GCP
Node.js
Nestjs