앱 · 웹 · 관리자 · API
앱, 웹, 관리자, 서버를 직접 만들어 출시하고 운영하는 RankBoard
보드게임 기록, 모임, 채팅, 커뮤니티 앱입니다.
- 구분
- 자체 서비스(직접 개발·운영)
- 상태
- 2026.05 출시 운영 중
- 역할
- 기획, 디자인, 프론트엔드, 백엔드, 운영
- 기술
- Expo / React Native · Astro · Next.js · FastAPI · PostgreSQL · WebSocket · Cloudflare R2
371개API
86개앱 화면 (iOS·Android)
9,895개자동화 테스트
문제
- 01
회원 가입부터 탈퇴까지, 푸시, 실시간 채팅, 지도, 사진 업로드, 관리자 화면을 모두 직접 만들어야 했습니다.
- 02
출시 뒤에는 장애와 버그를 빨리 찾아 고칠 수 있어야 했습니다.
결정
- 01
앱은 React Native 한 코드로 iOS와 Android에 함께 출시하고, 스토어 심사 없이 바로 고칠 수 있는 업데이트 경로를 두었습니다.
- 02
서버는 FastAPI와 PostgreSQL로 만들고, 채팅과 게임 타이머는 WebSocket으로 처리합니다. 예약 작업 25종이 집계, 백업, 개인정보 파기를 맡습니다.
- 03
오류 알림(Sentry, Grafana)과 장애 런북을 두고, 매장 사장님과 광고주가 쓰는 파트너 포털도 같은 서버 위에 만들었습니다.
주요 화면
결과
App Store와 Google Play에서 'RankBoard'로 설치해 쓸 수 있습니다. 게임 데이터 17.3만 건을 검색합니다.
운영 중 겪은 장애와 버그는 원인을 고치고 테스트로 막아 두었습니다. 자세한 기록은 아래 블로그 글에 있습니다.
만든 기능
| 기능 | 운영 중인 구현 |
|---|---|
| 회원·로그인 | 이메일 인증 가입, 카카오·구글·애플 로그인, 비밀번호 재설정, 탈퇴와 개인정보 파기 |
| 푸시·알림 | FCM 푸시와 앱 내 알림함, 알림을 누르면 해당 화면으로 이동 |
| 예약·신청 | 모임 생성, 신청, 호스트 승인과 정원 관리, 캘린더, 참여자 채팅 |
| 실시간 채팅 | 1:1·그룹 채널, 사진 첨부, 수정·삭제·리액션, 읽음 표시 |
| 지도·위치 | 카카오 장소 검색, 좌표와 주소 변환, 반경 기반 매장 검색 |
| 관리자 | 회원·콘텐츠·매장 관리, 문의 답변, 지표 차트, 블록 에디터 |
| 사진 업로드 | 파일 형식 위변조 검사, 위치정보(EXIF) 제거, 자동 축소, 아이폰 HEIC 지원 |
| 일괄 등록 | CSV, 붙여넣기, 공개 구글 시트 링크로 최대 500행을 읽어 검토 후 확정 |
| 파트너 포털 | 제휴 매장 사장님이 매장 정보를 직접 고치고, 광고는 심사·전자계약·입금이 끝나야 게재 |
TIP출시보다 운영이 더 깁니다. 앱과 관리자 화면을 만들어 드릴 때도 오류 알림과 장애 대응 문서를 처음부터 같이 만듭니다.
출처: RankBoard 운영 기록, 개발 포트폴리오