엑셀 수기 기록, 밴드 영상 공유, 손으로 적던 장부. 세 갈래로 흩어져 있던 센터 운영을 하나의 플랫폼으로 모았습니다. 회원용 웹앱과 관리자 ERP를 단일 시스템으로 설계해 기획부터 배포까지 3주에 끝냈고, 현재 실서비스로 매일 사용 중입니다. ㅡ의뢰 배경 - 측정 데이터는 엑셀, 영상은 밴드, 매출은 종이 장부로 분산되어 같은 회원의 정보가 세 곳에 따로 존재 - 측정 장비가 산출하는 수치를 사람이 옮겨 적으며 오기, 누락 발생 - 회원이 자기 기록과 순위를 확인할 창구가 없어 재등록 동기 부여가 어려움 ㅡStudio Maestiq 수행 범위 - 기획, 설계, 디자인, 개발, 배포 (전 과정 단독 수행) ㅡ기술 스택, 인프라 - 프론트와 백엔드: Next.js 16 App Router + TypeScript, 서버 컴포넌트 기반 렌더링 - 런타임: Cloudflare Workers (OpenNext 어댑터로 엣지 배포, 콜드스타트 없음) - 데이터베이스: Cloudflare D1 (엣지 SQLite) ㅡ 마이그레이션 버전 관리, 인덱스 설계 포함 - 오브젝트 스토리지: Cloudflare R2 ㅡ 측정 영상, 이미지 서빙, Range 요청 대응 - 클라이언트: PWA (Service Worker, 홈 화면 설치, 전체화면 실행) - 운영: 자동 배포 파이프라인, 역할 기반 접근제어(RBAC) 3계층 ㅡ핵심 기능 1. 결정론적 계산 엔진 이식 ㅡ 측정 장비의 엑셀 수식을 소수점 자리까지 1대1로 이식하고 검증했습니다. AI 추정치를 쓰지 않으므로 같은 입력에는 언제나 같은 결과가 나옵니다. 2. 수강권-일정-매출 3중 연동 ㅡ 수업 등록 한 번으로 회차 차감, 일정 반영, 매출 기록이 동시에 처리됩니다. 각각 따로 관리할 때 생기는 누락과 숫자 불일치가 구조적으로 발생하지 않습니다. 3. MLB Statcast 산식 커스텀 ㅡ xwOBAcon, Barrel%, Hard-Hit%, Smash Factor 등 프로 야구에서 쓰는 지표를 그대로 들여와, 유소년, 아마추어 데이터 분포에 맞게 기준선을 자체 보정했습니다. 4. 회원 PWA 웹앱 ㅡ 앱스토어 심사와 수수료 없이 홈 화면에 설치되어 네이티브 앱처럼 동작합니다. 배포하면 전 회원에게 즉시 반영됩니다. 5. 권한 3계층 분리 ㅡ 회원, 코치, 관리자별로 보이는 화면과 데이터 범위를 분리했습니다. 회원에게 타인 정보가, 코치에게 금액이 노출되지 않습니다. 6. 엣지 서버리스 운영 ㅡ 트래픽과 연산을 최적화해 월 고정 서버비 없이 운영 중입니다. 납품 후 매달 나가는 인프라 비용이 없습니다. ㅡ프로젝트 정보 기간: 약 3주 (기획 - 디자인 - 개발 - 배포, 추가 요구사항 반영 포함) 운영 규모: 월 352건 수업 일정, 회원 88명, 코치별 정산 자동 집계 스크린샷의 회원 이름, 연락처, 매출액, 인물 사진은 개인정보 보호를 위해 블러 처리했습니다. 센터, 학원, 스튜디오처럼 회원과 이용권을 관리하는 업종이라면 같은 구조를 그대로 적용할 수 있습니다. 필요한 기능만 골라 구성해 드리니 편하게 상담 남겨주세요.