프로젝트 배경
### 1) 문제점
- 테니스 대회 정보가 여러 카페, SNS에 분산되어 찾기 어려움
- 대회 참가 신청이 수작업(댓글, 문자)으로 이루어져 번거로움
- 참가비 결제와 환불 처리가 복잡함
- 대회 진행 중 대진표, 경기 결과를 실시간으로 확인하기 어려움
- 객관적인 실력 평가 시스템(랭킹)이 부재
### 2) 프로젝트 목표
- 테니스 대회 검색부터 참가 신청, 결제까지 원스톱으로 제공
- 실시간 대진표 및 경기 결과 확인 기능
- ELO 기반 공정한 랭킹 시스템 구축
- 대회 주최자를 위한 관리 도구 제공
### 3) 주안점
- 대회 참가자와 주최자 모두에게 편리한 UX 설계
- 실시간 데이터 동기화로 경기 현황 즉시 반영
- NTRP 등급과 ELO 레이팅을 활용한 공정한 실력 평가
- 크로스플랫폼 개발로 접근성 확보
- 테니스 대회 정보가 여러 카페, 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 하이브리드 인프라
사용자는 다양한 테니스 대회를 검색하고, 참가비를 결제하여 대회에 참가할 수 있습니다. 대회 진행 중에는 실시간으로 경기 결과와 대진표를 확인할 수 있으며, 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 하이브리드 인프라












