- React Native
- fcm
- PG연동
- vercel
- supabase









프로젝트 배경
본 앱 및 서비스는 앱스토에에 공개되고. 실제 운영되고 있는 서비스 입니다. 다른 개발자의 데모 포토폴리오와는 다르다는 점을 미리 알려 드립니다. 이점을 개발자 선정시 꼭 확인하셔야 피해를 막을수 있습니다.
프로젝트 배경
'행복안심동행'은 돌봄이 필요한 고객과 전문 돌봄 매니저를 연결하는 O2O 서비스 플랫폼입니다. 병원동행, 가사돌봄, 생활동행, 노인돌봄, 아이돌봄 등 다양한 돌봄 서비스를 제공하며, 고객 만족도 99.8%를 달성한 서비스입니다.
기존에는 PHP 기반 웹사이트로 운영되었으나, 모바일 사용자 증가와 결제 시스템 고도화, 매니저 매칭 자동화 등의 요구사항에 대응하기 위해 최신 기술 스택(Next.js)으로 전면 재개발을 진행했습니다. 또한 Android 네이티브 앱(Capacitor 기반)을 추가 개발하여 Google Play 스토어에 출시하였습니다.
이에 따라 본 프로젝트에서는 고객이 간편하게 돌봄 서비스를 신청하고 결제할 수 있는 고객 플랫폼, 매니저가 서비스 요청을 확인하고 지원할 수 있는 매니저 플랫폼, 그리고 전체 운영을 관리할 수 있는 관리자 시스템을 구축하는 것을 목표로 기획 및 개발을 진행했습니다.
프로젝트 성과
비회원 결제 시스템 구축
회원가입 없이도 서비스 신청과 결제가 가능한 게스트 결제 시스템을 구축했습니다. 카드결제, 계좌이체, 무통장입금 3가지 결제 수단을 지원하며, 토스페이먼츠 연동으로 안전하고 간편한 결제 경험을 제공합니다. 백엔드 금액 재검증으로 결제 위변조를 방지합니다.
매니저 자동 매칭 시스템
고객의 서비스 요청에 대해 매니저가 선착순으로 지원하는 자동 매칭 시스템을 구축했습니다. 매칭 완료 시 고객과 매니저 모두에게 SMS 알림이 발송되며, 관리자의 수동 매칭도 지원합니다. 서비스 상태(대기→확정→매칭→완료)를 체계적으로 관리합니다.
3개의 독립된 인증 시스템
고객(Supabase Auth), 매니저(커스텀 JWT), 관리자(bcrypt) 각각 독립된 인증 체계를 구축하여 역할별 보안과 접근 제어를 강화했습니다. 미들웨어 기반의 라우트 보호로 미인증 접근을 차단합니다.
실시간 알림 시스템
CoolSMS 기반 SMS/LMS 알림과 Web Push 기반 푸시 알림을 구축했습니다. 서비스 매칭, 상태 변경 시 고객과 매니저에게 실시간 알림을 발송하여 운영 커뮤니케이션을 개선했습니다.
반응형 웹 및 네이티브 앱
반응형 웹 기반으로 PC·모바일·태블릿 환경을 지원하며, Capacitor를 활용한 Android 네이티브 앱을 추가 개발하여 Google Play 스토어에 배포했습니다. 웹과 앱에서 동일한 코드베이스를 공유하여 유지보수 효율성을 극대화했습니다.
핵심 기능
고객 앱
- 서비스 신청 : 7단계 다단계 폼으로 직관적인 서비스 신청 (서비스 선택 → 일시 → 매니저 지정 → 상세 요청 → 결제)
- 비회원 신청: 회원가입 없이 이름, 전화번호, 주소만으로 즉시 신청 가능
- 다중 결제 수단: 카드결제, 토스 퀵계좌이체, 무통장입금 지원
- 매니저 지정: 원하는 매니저를 직접 선택하여 서비스 신청 가능
- 서비스 내역 확인: 신청 내역 및 진행 상태 실시간 확인
- 5가지 돌봄 서비스: 병원동행, 가사돌봄, 생활동행, 노인돌봄, 아이돌봄
가사도우미 앱
- 앱에서 서비스 요청 목록을 확인하고 지원합니다 (대리기사 앱 거의 유사합니다.)
- 자동 매칭: 확정된 서비스 요청에 선착순 지원
- 스케줄 관리: 매칭된 서비스 일정 확인
- 가사도우미 모집: 온라인 지원서를 통한 신규 가사도우미 모집
관리자 시스템
- 서비스 요청 관리: 전체 서비스 요청의 상태 조회 및 관리
- 매니저 관리: 매니저 등록, 승인, 정보 관리
- 수동 매칭: 관리자가 직접 매니저를 검색하여 서비스에 배정
- 결제/정산 관리: 결제 내역 조회, 무통장입금 확인, 매니저 정산
- 서비스 가격 관리: 서비스별 가격 동적 설정
- 지점/지사 관리: 다중 지점 운영 지원
- SMS 알림 발송: 고객 및 매니저에게 알림 발송
기술 스택
| 구분 | 기술 |
|------|------|
| 프레임워크 | Next.js 14 (App Router) |
| 데이터베이스 | Supabase (PostgreSQL) |
| 인증 | Supabase Auth (고객) + 커스텀 JWT (매니저) + bcrypt (관리자) |
| 결제 | 토스페이먼츠 SDK v2 |
| SMS 알림 | CoolSMS SDK (LMS/SMS 자동 감지) |
| 푸시 알림 | Web Push (VAPID 키 기반) |
| UI | Tailwind CSS + shadcn/ui + Lucide Icons |
| 폼 관리 | React Hook Form + Zod 유효성 검사 |
| 주소 검색 | 브이월드 API |
프로젝트 성과
고객요청 및 가사도우미 매칭을 앱으로 실시간 완료
기존에 전화로 고객의 요청을 접수받아 가사도우미와 매칭하던 작업을 앱으로 실시간 매칭으로 고객의 만족도 향상되어 고객증가와 매출이 늘어나게 되었습니다.
인앱 카드결제 연동으로 수금이 원활하고 고객의 편의성 증가로 고객 만족도 향상
기존에 현금이체만으로 수금이 이루어졌으나, 앱에서 카드결재가 가능하게 되어 고객의 만족도가 향상 되었습니다.
생산성 향상 및 비용절감
직원이 유선으로 고객 요청을 받아, 매니저와 통화하고 매칭하던 작업이 고객앱에서 요청, 매니저 앱에서 지원하여 자동 매칭이 되면서, 응대 직원의 업무가 대폭 감소하고 잔업과 특근이 줄어 인건비가 크게 절감되었습니다
카드결재에 대한 포인트 적립 및 사용기능
결재가 앱에서 가능해짐에 따라 포인트 적립 및 사용기능을 넣어 고객이 서비스 이용 비용을 절약할 수 있게되어 단골 고객의 이용률이 증가하게 되었습니다.
핵심 기능
앱에서 사비스 신청 & PG결재
앱에서 고객은 서비스를 신청하고 PG결재를 완료합니다. 고객 이용에 따라 포인트가 적립되어 언제든 사용가능하게 되어 고정 고객 확보에 유리합니다.
자주묻는 질문 & 서비스 이용요금
자주묻는 질문 & 서비스 이용요금을 앱에서 확인할수 있어, 고객은 한눈에 서비스에 대해 확인하고, 서비스를 신청 할 수 있습니다.
가사도우미 앱 - 서비스 지원, 내 근무확인
고객이 요청한 서비스가 가사도우미 앱에 알림과 함께 수신됩니다. 가사도우미는 확인후 조건에 맞으면 지원버튼을 눌러 매칭이 성사됩니다. 또한 나의근무내역, 수익등을 앱에서 모두 확인 가능합니다.
프로젝트 상세
프로젝트 배경
1. '행복안심동행'은 돌봄이 필요한 고객과 전문 돌봄 매니저를 연결하는 O2O 서비스 플랫폼입니다. 병
원동행, 가사돌봄, 생활동행, 노인돌봄, 아이돌봄 등 다양한 돌봄 서비스를 제공하며, 고객 만족도 9
9.8%를 달성한 서비스입니다.
2. 기존에는 PHP 기반 웹사이트로 운영되었으나, 모바일 사용자 증가와 결제 시스템 고도화, 매니저 매
칭 자동화 등의 요구사항에 대응하기 위해 최신 기술 스택(Next.js)으로 전면 재개발을 진행했습니다
또한 Android/IOS 앱을 추가 개발하여 Google Play 스토어/애플 스토어에 출시하였습니다
3. 이에 따라 본 프로젝트에서는 고객이 간편하게 돌봄 서비스를 신청하고 결제할 수 있는 고객 플랫폼,
매니저가 서비스 요청을 확인하고 지원할 수 있는 매니저 플랫폼, 그리고 전체 운영을 관리할 수 있
는 관리자 시스템을 구축하는 것을 목표로 기획 및 개발을 진행했습니다.