QR 코드를 스캔하여 모바일로 주문하는 일반 음식점용 주문 시스템
테이블에 비치된 QR 코드를 통해 고객은 개인 모바일로 주문하고,
점주는 POS를 통해 주문을 실시간으로 관리할 수 있는 시스템
- 프로젝트명: [Kible] POS & Kiosk
- 도메인: 일반 음식점용 QR 주문 시스템
- 버전: v1
- 제작 기간: 2021.01 ~ 2021.11
점주가 사용하는 POS 관리 화면 (v1)
 |
 |
 |
 |
- 메인 화면: 테이블별 주문 현황 실시간 확인
- 메뉴 관리: 상품 등록, 삭제 및 가격 설정
- 메뉴 선택: POS기 고객 주문 및 수량 선택
- 결제: 주문 내역 확인 및 결제
고객이 사용하는 모바일 주문 화면 (v1)
- 메뉴: 음식 메뉴 조회 및 가격 확인
- 찜목록: 선택한 메뉴 수량 조절 및 삭제
- 주문서: 테이블 단위 주문 내역 확인 및 결제 금액 표시
| Method | URL | Description |
|---|---|---|
| GET | /api/table-mgnt | 전체 테이블 목록 조회 |
| POST | /api/table-mgnt | 테이블 정보 등록 (table_no, table_name) |
| Method / Type | URL | Description |
|---|---|---|
| GET | /api/menu-mgnt | 전체 메뉴 관리 목록 조회 (가격, 재고 포함) |
| SOCKET | /api/menu-mgnt | 메뉴 관리 조회 시 실시간 이벤트 전송 (GET /api/menu-mgnt Success) |
| Method / Type | URL | Description |
|---|---|---|
| GET | /api/menu-slct | 전체 메뉴 목록 조회 (가격, 재고 포함) |
| SOCKET | /api/menu-slct | 메뉴 조회 시 실시간 이벤트 전송 (GET /api/menu-slct Success) |
| POST | /api/menu-slct | 메뉴 등록 (이름, 가격, 재고) |
| PATCH | /api/menu-slct | 메뉴 재고 수정 |
| DELETE | /api/menu-slct | 메뉴 삭제 |
| Method / Type | URL | Description |
|---|---|---|
| GET | /api/wishlist/{table} | 특정 테이블의 위시리스트 목록 조회 |
| SOCKET | /api/wishlist | 위시리스트 조회 시 실시간 이벤트 전송 (GET /api/wishlist Success) |
| POST | /api/wishlist/{table} | 테이블에 메뉴 추가 (기본 수량 1) |
| PATCH | /api/wishlist/{table} | 위시리스트 메뉴 수량 변경 |
| DELETE | /api/wishlist/{table} | 특정 메뉴 삭제 |
| DELETE | /api/wishlist/reset/{table} | 테이블 위시리스트 전체 초기화 |
| Method / Type | URL | Description |
|---|---|---|
| GET | /api/ordersheet/{table} | 특정 테이블의 주문 목록 조회 |
| SOCKET | /api/ordersheet | 주문 조회 시 실시간 이벤트 전송 (GET /api/ordersheet Success) |
| POST | /api/ordersheet/{table} | 테이블에 주문 메뉴 추가 |
| PATCH | /api/ordersheet/{table} | 주문 메뉴 수량 변경 |
| DELETE | /api/ordersheet/{table} | 테이블 주문 내역 전체 삭제 |
| Method / Type | URL | Description |
|---|---|---|
| GET | /api/dailysales | 일일 메뉴별 판매 내역 조회 (총 매출 포함) |
| SOCKET | /api/dailysales | 일일 매출 조회 시 실시간 이벤트 전송 (GET /api/dailysales Success) |
| POST | /api/dailysales | 메뉴별 일일 판매 수량 등록 |
| PATCH | /api/dailysales | 메뉴별 일일 판매 수량 수정 |
| DELETE | /api/dailysales | 일일 매출 데이터 전체 초기화 |
 |
이현준 (팀장) UI/UX 설계, FullStack, 문서화 |
 |
김준기 (팀원) ERD설계, FullStack, 자료조사 |
- COVID-19 이후 비대면 주문 및 키오스크 확산
- 일반 음식점에서는 테이블 태블릿 주문 시스템 보급
- 태블릿 기반 시스템의 높은 초기 비용 및 유지 관리 부담
- QR 코드 기반 모바일 주문 환경 제공
- 실시간 주문 수신·관리 POS 구축
- Mobile ↔ POS 간 양방향 실시간 통신 구현
- Mobile: 고객 주문 UI
- POS: 주문 관리 및 상태 처리
- Back-end
- REST API 기반 기본 통신
- Socket.IO 기반 실시간 주문 이벤트 처리
- Infra
- AWS EC2
- NGINX Reverse Proxy + SSL
- React 생태계
- Express Framework
- ORM / TypeORM
- UI/UX 설계
- ERD 설계
- FE / BE 아키텍처 설계
- Mock 데이터 구현
- POS / Mobile Front-end 개발
- Back-end API 구현
- HTTP 기반 FE–BE 통신
- Logging 시스템
- WebSocket / Socket.IO
- AWS EC2 배포
- NGINX Reverse Proxy, SSL
- QA 및 버그 수정
- 의존성 업데이트
- 서버 보안 관리
Copyright © 2021 KibleLab