데모 바로 써보기 →
프리다이빙 강습 기록 앱 고도화

기록 앱을
예약·결제 플랫폼으로 넓힐게요

예산 안에서 무엇을 먼저 할지, 내부 개발자와 어떻게 나눌지까지 정리했어요.
말보다 데모로 먼저 만들어 봤어요.

470만
원 · 부가세 별도
60일
3단계로 나눠 매번 배포
3개월
무상 하자보수
데모로 먼저 보여드릴게요

필수 범위 5가지를 미리 눌러보실 수 있어요

🔐

정식 인증

휴대폰 인증번호·카카오 로그인. 기존 계정은 첫 로그인 때 자동으로 옮겨요.

💳

예약·결제

클래스 선택 → 유의사항 → 규정 동의 → 결제 → 예약 확정

📍

포인트·리뷰

실내 풀장·실외 스팟 정보, 별점·사진 리뷰 보기와 쓰기

🔔

알림

예약 확정 알림톡, 강사가 보내는 푸시·알림톡과 발송 기록

👩‍🏫

강사 화면

클래스 열기, 예약자 확인, 결제 상태 확인

📈

기록 연결

수업이 끝나면 기록·진도·피드백이 그 예약에 이어져요

필수 1 · 기술 스택과 이유

지금 구조를 살려서 바로 이어받기 쉽게

영역선택이유
화면HTML/JS + Vite, 기능별 모듈 분리코드를 버리지 않고 정리해요. 내부 개발자가 그대로 이어서 고쳐요
인증Supabase Auth (휴대폰 인증·카카오)이미 쓰는 Supabase 안에서 끝나요. 별도 서버가 필요 없어요
권한·보안RLS 정책내 예약·내 기록만 보이도록 DB가 직접 막아요
결제토스페이먼츠 또는 포트원 + Edge Functions결제 금액을 서버에서 다시 확인한 뒤 예약을 확정해요
알림카카오 알림톡 + FCM/APNs푸시는 웹뷰 앱에 브리지를 붙여 받아요
미정 1 · 프론트엔드 구조

React 전체 전환보다
점진 정리를 권해요

추천: 지금 HTML 유지 + 모듈 분리

  • 예산을 리팩토링이 아니라 결제·인증·예약에 써요
  • 운영 중인 앱이 멈추지 않아요
  • 내부 개발자가 익숙한 구조 그대로예요
  • Vite로 묶고, 화면·API·상태를 파일 단위로 나눠요

React로 옮기고 싶어지면

  • 데이터 처리(API·인증)는 이미 분리돼 있어서 화면만 바꾸면 돼요
  • 새 화면부터 하나씩 React로 만들어 붙일 수 있어요
  • 전체 전환은 사용자가 늘어난 2차에 권해요
미정 2·3 · 강사 정산과 옵션 기능

정산은 단순하게 시작하고,
나중에 자동화해요

강사 정산

  • 1차 결제는 플랫폼이 받고, 월 1회 강사별 정산 리포트 생성 → 이체
  • 수수료율·환불 차감은 리포트에 자동 계산
  • 2차 거래가 늘면 지급대행(포트원 파트너 정산 등)으로 자동 송금
  • 확인 필요: 사업자 강사와 개인 강사의 세금 처리 방식

옵션 기능

  • 실내풀장 예약 클래스 예약 구조를 재사용해 2차에 붙여요
  • 커뮤니티 리뷰 구조를 확장하면 돼서 나중에 붙이기 쉬워요
  • 디자인 개선 이번에는 새 화면만 일관된 스타일로 맞춰요
필수 4 · 예산 안에서 범위 나누기

두 가지 안 중에 고르시면 돼요

추천 A안

어려운 부분은 저희가, 화면 일부는 내부에서

  • 저희 인증 전환, RLS, 결제·승인 검증, 알림톡·푸시, 예약 백엔드, 예약·결제·강사 화면
  • 내부 포인트·리뷰 화면 (저희가 API·RLS와 화면 틀 제공)
  • 남는 예산은 정산 리포트에 써요
B안

필수 범위를 모두 저희가

  • 저희 필수 범위 전체
  • 리뷰는 별점·글·사진 기본형으로
  • 내부 코드 리뷰와 스토어 업데이트 제출
  • 금액은 같고, 리뷰 고급 기능(정렬·신고)은 2차

우선순위 ① 인증·보안 ② 예약·결제 ③ 알림 ④ 포인트·리뷰 ⑤ 리팩토링 정리

단계별 일정 · 60일

단계마다 배포해서 확인받아요

1~15일
정리·인증

모듈 분리, Vite 빌드, 휴대폰·카카오 인증, 기존 계정 이전, RLS

16~35일
예약·결제

클래스 등록·조회, 동의·결제, 승인 검증, 예약 확정, 기록 연결

36~50일
알림·포인트

알림톡·푸시, 웹뷰 브리지, 포인트·리뷰

51~60일
검수·배포

실기기 테스트, 스토어 업데이트 지원, 문서 인계

모든 작업은 Git PR로 올리고, 내부 개발자분 코드 리뷰를 거쳐 합쳐요.

필수 2 · 이렇게 되면 성공이에요

끝났다고 말할 수 있는 5가지 기준

  • 실제 기기에서 가입 → 예약 → 결제 → 알림톡이 한 번에 돼요
  • 결제 금액을 바꿔 보내도 서버가 막아요 (위변조 시험 통과)
  • 다른 사람의 예약·기록은 RLS로 보이지 않아요
  • 기존 사용자가 기록을 잃지 않고 새 로그인으로 옮겨와요
  • 내부 개발자가 문서만 보고 새 화면을 하나 추가할 수 있어요
  • App Store·Google Play 업데이트가 심사를 통과해요
견적 · 부가세 별도

총 470만 원 · 예산 안이에요

항목내용금액
코드 정리모듈 분리, Vite 빌드, 구조 문서50만
인증·보안휴대폰·카카오 인증, 계정 이전, RLS90만
예약·결제클래스 등록·조회, 동의, PG 결제·승인 검증150만
알림알림톡 연동, FCM/APNs, 웹뷰 앱 수정90만
포인트·리뷰포인트 정보, 별점·사진 리뷰60만
검수·인계실기기 테스트, 스토어 업데이트 지원, 설정 문서30만

PG 수수료·알림톡 발송비·Supabase 요금은 사용량만큼 별도예요. 하자보수 3개월 무상.

역할과 책임

역할마다 책임자가 따로 있어요

역할맡는 일투입률
PM · 설계범위 조율, 주간 공유, 내부 개발자와 역할 분담30%
백엔드Supabase 인증·RLS, Edge Functions, 결제·알림100%
프론트엔드코드 정리, 예약·결제·강사 화면, 웹뷰 브리지80%
QA실기기 결제·알림 시험, 위변조·권한 점검30%

소통 창구는 한 명이에요. 내부 개발자분과는 PR 단위로 바로 이야기해요.

비슷한 일을 해봤어요

예약·결제가 있는 서비스를 만들고 운영해요

청소 업체 플랫폼 ‘청소벨’

고객 예약 → 업체 작업지시 → 작업자 신청·승인. 예약에서 수행까지 이어지는 흐름을 납품했어요.

리뷰 답글 AI 구독 서비스

가입·결제·구독·리포트까지 직접 운영 중이에요. 결제 실패·환불 같은 실제 운영 상황을 다뤄요.

부동산 중개 업무 플랫폼

매물·고객·계약을 관리하는 업무 서비스를 운영 중이에요. 역할별로 보이는 데이터를 나눴어요.

LG전자 10년 · Carnegie Mellon 석사. 실제 매장에서 매일 돌아가는 상용 서비스 기준으로 만들어요.

정리하면

기록은 그대로,
예약·결제·알림을 더해요

470만 원(부가세 별도) · 60일 · 하자보수 3개월
내부 개발자분과 PR로 함께 진행해요.

데모 다시 보기 →