진행 계획
꼭 필요한 흐름을 먼저 완성하고, 불필요한 기능으로 기간·비용이 늘지 않도록 1차와 2차 범위를 분명히 나눕니다.
1
개발 방식과 선택 이유
앱 — Flutter
코드 하나로 Android·iOS를 함께 만들어 기간과 유지보수 비용을 줄입니다. 저희가 스토어에 출시해 운영 중인 앱도 같은 방식입니다.
회원 웹 — Next.js 반응형 웹
휴대폰 브라우저에서도 빠르게 열리고 검색 노출에 유리합니다. 가장 널리 쓰이는 방식이라 이후 유지보수 인력을 구하기 쉽습니다.
관리자 웹 — Next.js
회원 웹과 같은 기술이라 한 사람이 함께 관리할 수 있습니다.
서버 — Node.js + PostgreSQL
하나의 서버로 앱·웹·관리자가 같은 API를 씁니다.
푸시 — FCM
클라우드는 발주사 명의 계정을 씁니다. 스토어 개발자 계정도 발주사 명의로 만들고, 등록·심사·출시는 저희가 진행합니다.
2
1차 / 2차 범위
1차 — 이번에 만듦
- 회원가입 신청·승인제 로그인·탈퇴
- 숙소·객실 조회, 배너 광고
- 예약 신청·확인·취소 (결제 없음)
- 리뷰·신고
- 푸시 알림(승인·예약 상태·공지)
- 관리자: 승인·숙소·객실·마감일·예약·광고·기본 통계
2차 — 구조만 열어 둠
- 온라인 결제
- 숙박업체 직원 전용 화면
- 쿠폰·포인트
- 지도 길찾기·주변 검색
- 카카오 알림톡·문자
- 상세 통계·엑셀 보고서
3
협업 방식
- 주 1회 화상 회의
- 프로젝트 단톡방에서 수시 질의·응답
- 2주마다 실제로 눌러 볼 수 있는 테스트 앱(Android·iOS)과 웹 주소 공유
- 기능 확정은 1~2주차 미팅에서 화면설계서로 합의한 뒤 개발
4
주차별 일정 (11주)
1~2주기능 확정 미팅, 메뉴구조도·화면설계서
3~4주UI/UX 디자인(Figma), DB 설계
5~9주서버·관리자 웹 → 앱·회원 웹 개발, 2주마다 테스트 버전 공유
10주통합 테스트, 스토어 심사 제출
11주출시, 관리자 매뉴얼·배포 가이드 인도, 안정화
5
디자인 시스템 제안
컬러
숲 초록
#2F6B4F
코랄
#E07A5F
모래
#F7F4EE
먹색
#1F2933
예약 상태 배지
예약대기 예약확정 이용완료 예약취소
서체 크기 단계
제목 Title28px
소제목 Heading20px
본문 Body14px
보조 Caption12px
버튼·카드 견본
카드 · 모서리 14px