프로젝트 배경
1) 문제점
취미 클래스에 참여하고 싶은 사용자는 다양한 정보를 찾기 어렵고, 개별 SNS나 오픈채팅을 통해 수동으로 예약을 진행해야 했습니다.
강사 입장에서도 홍보, 신청자 관리, 소통 등을 별도 도구로 해야 해 번거롭고 비효율적이었습니다.
2) 프로젝트 목표
위치 기반 탐색, 간편한 예약, 1:1 문의, 푸시 알림 등 클래스 중개에 필요한 기능을 하나의 플랫폼으로 통합해
사용자와 강사가 쉽게 연결되고 소통할 수 있는 구조를 만드는 것이 목표였습니다.
서비스는 Next.js로 웹사이트와 관리자 페이지를 개발하고, Flutter로 앱을 개발한 뒤 웹뷰 형태로 배포하여
사용자 접근성과 관리 편의성을 동시에 확보하고자 했습니다.
3) 주안점
- 지도 기반 UX 흐름 최적화로 사용자의 탐색 편의성 강화
- 강사-사용자 간 자연스러운 커뮤니케이션을 위한 1:1 문의 UI 구성
- 비개발자도 쉽게 사용할 수 있도록 구성한 웹 관리자 페이지
- MVP 구조를 고려한 Supabase 기반 아키텍처 설계 (Auth, DB, Storage, API)
- Next.js 웹 + Flutter 웹뷰 앱 구조로 구현해 유지보수와 배포 효율성 확보
취미 클래스에 참여하고 싶은 사용자는 다양한 정보를 찾기 어렵고, 개별 SNS나 오픈채팅을 통해 수동으로 예약을 진행해야 했습니다.
강사 입장에서도 홍보, 신청자 관리, 소통 등을 별도 도구로 해야 해 번거롭고 비효율적이었습니다.
2) 프로젝트 목표
위치 기반 탐색, 간편한 예약, 1:1 문의, 푸시 알림 등 클래스 중개에 필요한 기능을 하나의 플랫폼으로 통합해
사용자와 강사가 쉽게 연결되고 소통할 수 있는 구조를 만드는 것이 목표였습니다.
서비스는 Next.js로 웹사이트와 관리자 페이지를 개발하고, Flutter로 앱을 개발한 뒤 웹뷰 형태로 배포하여
사용자 접근성과 관리 편의성을 동시에 확보하고자 했습니다.
3) 주안점
- 지도 기반 UX 흐름 최적화로 사용자의 탐색 편의성 강화
- 강사-사용자 간 자연스러운 커뮤니케이션을 위한 1:1 문의 UI 구성
- 비개발자도 쉽게 사용할 수 있도록 구성한 웹 관리자 페이지
- MVP 구조를 고려한 Supabase 기반 아키텍처 설계 (Auth, DB, Storage, API)
- Next.js 웹 + Flutter 웹뷰 앱 구조로 구현해 유지보수와 배포 효율성 확보
프로젝트 성과
앱 내 예약·문의 기능 구축으로 외부 채널 의존도 감소
기존 오픈채팅·SNS 등을 통한 비공식 예약/문의 대신, 앱 내에서 통합 관리 가능하도록 구조화하여 운영 혼선 최소화
관리자 페이지 도입으로 클래스·문의 통합 관리 기반 마련
클래스 등록, 예약 확인, 문의 응답 등 기능을 웹 기반 관리자 페이지로 구성해 운영 편의성과 대응 효율 향상
위치 기반 탐색 UI 설계로 사용자 경험 강화
지도를 기반으로 주변 클래스를 탐색할 수 있는 UX를 구현하여, 사용자 접근성과 서비스 활용도를 높임
핵심 기능

푸시 알림 기능
예약 신청, 확정, 문의 응답 등 주요 이벤트를 푸시 알림으로 사용자에게 실시간 전달

위치 기반 클래스 탐색
현재 위치를 기준으로 주변 원데이 클래스를 지도에서 탐색하고 상세 정보를 확인 가능

강사-예약자 간 1:1 문의 기능
앱 내에서 강사와 예약자가 직접 소통할 수 있는 1:1 문의 기능 제공

소셜 로그인 기능
구글·카카오 계정을 통한 간편 로그인 및 닉네임 설정 가능한 회원 프로필 관리 기능 제공

관리자 페이지 기능
클래스, 강사, 예약, 메시지 등 전체 데이터를 웹에서 통합 관리할 수 있는 운영자 전용 페이지 제공
진행 단계
기획 및 요구사항 정의
2025.04.
원데이 클래스 중개 플랫폼의 서비스 구조, 사용자 흐름, 기능 우선순위 정리
UI/UX 디자인
2025.04.
원데이 클래스 중개 플랫폼의 서비스 구조, 사용자 흐름, 기능 우선순위 정리
웹사이트 - 모바일 앱 개발
2025.04.
서비스용 웹사이트와 관리자 페이지는 Next.js로 구현.
Supabase로 DB와 인증 시스템 구현,
인프라는 AWS에 구축하였음,
Flutter로 안드로이드 모바일 앱 개발, IOS는 작업 중임.
Supabase로 DB와 인증 시스템 구현,
인프라는 AWS에 구축하였음,
Flutter로 안드로이드 모바일 앱 개발, IOS는 작업 중임.
테스트
2025.07.
앱/웹뷰 연결, 로그인·지도·예약·문의 등 주요 기능 테스트 및 버그 수정
배포
2025.07.
Android 웹뷰 앱 형태로 배포 완료, 관리자 기능 최종 점검 후 운영 준비 완료
프로젝트 상세
1) 포트폴리오 소개
- MZ 여성 대상 원데이 클래스 예약 중개 플랫폼 개발
- 위치 기반 지도를 통해 주변 원데이 클래스를 탐색하고, 예약·문의·푸시알림까지 가능한 모바일 서비스입니다. - - 주요 타깃은 취미 활동과 자기계발에 관심이 많은 20~40대 여성 사용자입니다.
- 웹사이트는 Next.js로 구축하고, 모바일 앱은 Flutter로 개발한 웹뷰 형태로 구성하여 크로스 플랫폼 대응성과 유지보수 효율을 확보했습니다.
2) 작업 범위
- 기획 및 화면 설계
- UI/UX 디자인
- 웹사이트 개발 (Next.js 기반)
- Flutter 기반 모바일 웹뷰 앱 개발 (Android 대응, iOS 출시 준비 중)
- Supabase 기반 백엔드 구성 (DB, 인증, 스토리지 등)
- 관리자 웹페이지 개발 (Next.js)
- 푸시 알림 연동 (Firebase Cloud Messaging)
3) 주요 업무
- 위치 기반 지도에서 클래스 탐색 기능
- 실시간 클래스 예약 및 잔여 인원 확인
- 강사와 예약자 간 1:1 채팅 문의 기능
- 소셜 로그인 및 회원 프로필 관리
- 클래스 운영을 위한 관리자 전용 웹페이지 (수업 신청/관리/응답 등)
- 예약 신청·확정·문의 응답에 대한 푸시 알림 시스템
4) 주안점
- 사용자의 위치 기반으로 맞춤 클래스 정보를 제공하는 UX 흐름 최적화
- Next.js + Supabase + Flutter 웹뷰 앱 구조로 구성된 MVP 개발의 효율성과 확장성 고려
- 강사와 사용자의 매끄러운 커뮤니케이션을 위한 1:1 문의 경험 설계
- 비개발자도 쉽게 운영할 수 있도록 구성된 관리자 페이지 UI/UX
- MZ 여성 대상 원데이 클래스 예약 중개 플랫폼 개발
- 위치 기반 지도를 통해 주변 원데이 클래스를 탐색하고, 예약·문의·푸시알림까지 가능한 모바일 서비스입니다. - - 주요 타깃은 취미 활동과 자기계발에 관심이 많은 20~40대 여성 사용자입니다.
- 웹사이트는 Next.js로 구축하고, 모바일 앱은 Flutter로 개발한 웹뷰 형태로 구성하여 크로스 플랫폼 대응성과 유지보수 효율을 확보했습니다.
2) 작업 범위
- 기획 및 화면 설계
- UI/UX 디자인
- 웹사이트 개발 (Next.js 기반)
- Flutter 기반 모바일 웹뷰 앱 개발 (Android 대응, iOS 출시 준비 중)
- Supabase 기반 백엔드 구성 (DB, 인증, 스토리지 등)
- 관리자 웹페이지 개발 (Next.js)
- 푸시 알림 연동 (Firebase Cloud Messaging)
3) 주요 업무
- 위치 기반 지도에서 클래스 탐색 기능
- 실시간 클래스 예약 및 잔여 인원 확인
- 강사와 예약자 간 1:1 채팅 문의 기능
- 소셜 로그인 및 회원 프로필 관리
- 클래스 운영을 위한 관리자 전용 웹페이지 (수업 신청/관리/응답 등)
- 예약 신청·확정·문의 응답에 대한 푸시 알림 시스템
4) 주안점
- 사용자의 위치 기반으로 맞춤 클래스 정보를 제공하는 UX 흐름 최적화
- Next.js + Supabase + Flutter 웹뷰 앱 구조로 구성된 MVP 개발의 효율성과 확장성 고려
- 강사와 사용자의 매끄러운 커뮤니케이션을 위한 1:1 문의 경험 설계
- 비개발자도 쉽게 운영할 수 있도록 구성된 관리자 페이지 UI/UX

예약 신청, 확정, 문의 답변 등 주요 알림을 푸시로 전송해 사용자에게 실시간 안내 제공

현재 위치를 기준으로 주변 클래스 목록을 지도에서 바로 확인하고 상세 정보를 탐색할 수 있음

클래스별 개설 일정과 잔여 인원을 확인하고, 원하는 시간대에 예약 가능

강사와 예약자가 클래스에 대해 직접 소통할 수 있는 실시간 1:1 문의 기능

구글·카카오 로그인으로 간편하게 가입 가능하며 닉네임 수정 등 프로필 관리 기능 제공

클래스 신청, 강사 관리, 문의 응답 등을 웹에서 통합 관리할 수 있는 관리자 전용 페이지