데모 환경 · 매장·소식·지도는 예시이며 AI 문구는 미리 준비된 예시입니다
홈
골목창 · 진행 계획

확실히 작동하는 MVP 하나를 먼저 만듭니다

기능을 넓히기보다, 사장님 30초 등록과 손님 동네 탐색 두 가지가 끝까지 매끄럽게 이어지는 제품을 목표로 합니다.

1기술 구성과 선택 이유

앱 · Flutter

코드 하나로 iOS·Android, 손님·사장님 모드를 한 앱에 담습니다.

관리자 웹 · Next.js

데스크톱 관리자 화면을 빠르게 구축하고 정적 배포합니다.

백엔드 · Node.js + PostgreSQL

위치 확장(PostGIS)으로 반경 조회를 효율적으로 처리합니다.

푸시 · FCM

관심 매장 새 소식을 손님에게 바로 전달합니다.

클라우드 · AWS 서울 리전 권장

위치·이미지·푸시 구성을 반복 구축해 온 환경입니다. 계정은 발주사 명의입니다.

이미지 처리

업로드 시 자동 축소·변환으로 로딩을 가볍게 유지합니다.

2AI 구현 방식

문구 작성 (AI ①)

사진 설명과 키워드, 매장 업종을 보내 3가지 말투의 초안을 받습니다. 과장 표현을 점검하고, 사장님이 확인·수정해야만 게시됩니다. AI 글이 그대로 자동 게시되지 않습니다.

추천 피드 (AI ②)

거리·영업 상태·관심 업종·시간대로 후보를 먼저 거른 뒤, 순서와 추천 이유 문장에만 AI를 씁니다. 매 요청마다 AI를 부르지 않아 비용이 적습니다.

비용 관리

사장님별 하루 한도, 같은 요청 결과 재사용, 월 한도 알림으로 비용을 통제합니다.

품질 검수

과장 표현 목록, 사장님 수정 비율, 신고 연동으로 콘텐츠 품질을 유지합니다.

31차 MVP 완료 기준

  • 처음 쓰는 사장님이 30초 안에 소식을 등록합니다.
  • 손님이 동네 반경에서 지금 열린 매장을 지도·목록·추천으로 탐색합니다.
  • 관심 매장의 새 소식 푸시가 손님에게 도착합니다.
  • 관리자가 승인·신고·숨김을 처리합니다.
  • 두 스토어(iOS·Android)에 출시합니다.
  • 제3자가 이어받을 수 있는 README·환경변수·배포 절차를 인도합니다.

4주차별 마일스톤

1~2주
범위 확정 · 와이어프레임
3~5주
UI/UX 디자인 · 디자인 시스템(Figma)
6~11주
앱(손님·사장님) · 관리자 웹 · 백엔드 · AI 2종
12~13주
테스트 · 스토어 심사 · 출시

각 단계 끝에 실제로 눌러 볼 수 있는 테스트 링크와 앱을 제공합니다.

5디자인 시스템 제안

컬러
오렌지
포인트 · #F2703A
올리브
보조 · #6B8E4E
아이보리
배경 · #FBF8F3
잉크
텍스트 · #2A2520
서체 크기 단계
가제목 30px
가소제목 20px
가본문 15px
가보조 12px
컴포넌트
카드 · 둥근 모서리 16px
칩상태 칩

62차 확장 구조

결제·주문은 매장·상품 데이터 구조에 주문 단위를 붙이는 방식으로 확장합니다. 1차에서 상품에 가격·재고 필드를 미리 두어, 2차에서 화면만 열면 되도록 준비합니다.