그랜파 개발자의 풀스택 공부

마이페이지 - 주문 내역, 예약 내역동네 포털에 이전에 개발한 미용실 예약이 있습니다.그리고 현재 개발 중인 카레 온라인 주문 기능으로조회하는 것이 두개로 늘었습니다.미용실 예약 조회와 카페 주문조회 입니다.그래서 마이페이지를 새로 추가 하였습니다.마이페이지에는 예약 내역과 주문 내역이 있습니다.1. 동네 포털 - 홈마이페이지 메뉴가 생겼습니다.각 상점을 카테고리별로 정렬하여 나타내도록 개선되었습니다.2. 동네 포털 - 마이페이지주문 내역(카페)과 예약 내역(미용실)이 있습니다.3. MyPage 컴포넌트 - 마이페이지src/views/MyPage.vue 📦 주문 내역 지금까지 주문한 내역을 확인할 수 있어요. ..

카페의 온라인 주문 관리고객이 온라인 주문을 하면 주문은 대기 상태로 저장이 됩니다. 온라인 주문을 통해 저장된 고객의 주문을 확인하여고객의 주문에 따른 음료의 준비가 끝나면 주문에 대해 완료 버튼을 누르면 주문 상태는 ‘완료’로 변경이 됩니다. 고객의 온라인 주문과 카페에서의 주문 완료 처리까지 시퀀스를 따라가 봅시다. 1. 카페 찾기주문하고자 하는 카페를 찾아 ‘온라인 주문’을 합니다. 2. 주문 메뉴 선택 하기음료와 토핑, 옵션을 선택한 후 ‘담기’를 누릅니다. 3. 주문하기장바구니 버튼을 눌러 장바구니에서 주문 내역을 확인하고 주문하기 버튼을 눌러 주문합니다. - 주문번호 : 자동 증가하는 숫자 자동으로 증가하는 숫자로 주문번호를 부여하려고 합니다.Firebase Firestore 같은 NoSQ..

카페 메뉴 품절 관리메뉴가 품절인 경우에 대한 처리를 생각해 봅시다. 품절이 확인 되면 관리자가 우선 메뉴의 품절 상태를 설정합니다.그러면 온라인 주문 메뉴 리스트에 품절을 표시해야 합니다.품절된 품목에 대해서는 주문이 되지 않습니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown development by creating an account on GitHub.github.com 운영 대시보드- src/views/OperationsDashboard.vue 운영자 대시보드 ..

테이크아웃 전문 카페 운영 관리온라인 주문을 받는 테이크 아웃 카페의 운영을 생각해 봅니다. 그랜파 개발자는 카페을 운영해본 적이 없습니다.다만 개발자로서 운영에 필요한 기능일 것이란 추측으로 기능을 개발하고 있습니다.그러므로 현실에서 카페의 온라인 주문 서비스를 개발, 오픈한다면,카페 운영자와 인터뷰를 진행하면서 기능 정의를 하여 개발을 진행해야 할 것입니다. 테이크 아웃 커피점에서 온라인 주문을 받으면 여러 단계의 작업이 필요합니다.원자재나 부재료의 소진 상태를 확인하여 판매 메뉴의 품절 여부를 항상 확인해야 합니다. 시스템이 접수한 주문을 확인하여주문 내역에 따른 음료를 준비하고준비된 주문은 고객의 혼선을 방지하기 위한 표시를 하고 포장을 합니다.고객의 주문을 취소해야 하는 경우도 있을 것입니다. ..

카페 온라인 주문 온라인 주문하기와 장바구니 기능을 구현하였습니다.주문은 음료와 토핑, 옵션을 선택하고 담기를 누르면 장바구니에 저장되고장바구니에서 주문을 합니다.토핑은 여러 개를 선택할 수 있고,옵션은 하나만 선택 가능하고, 옵션을 선택하지 않으면 주문이 되지 않습니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown development by creating an account on GitHub.github.com 1. 주문하기온라인 주문을 하기 위한 메뉴를 보여줍니다.메뉴는 이미지, 이름, 설..

카페 메뉴 관리 완성메뉴 등록을 위하여 카테고리, 토핑, 아이스/핫 옵션 관리가 있습니다. 메뉴를 등록려면메뉴 이미지를 업로드하고,이름, 설명, 가격을 입력하고음료에 가능한 토핑과 옵션을 선택하여 저장합니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown development by creating an account on GitHub.github.com 메뉴 관리 메인 MenuList. 컴포넌트 - 메뉴 관리 메인- src/views/MenuList.vue {{..

카페 메뉴 관리메뉴는 카테고리, 이름, 설명, 가격, 가능한 토핑, 옵션의 항목을 가지고 있습니다.또한 각 메뉴는 이미지도 가지고 있습니다. 메뉴를 등록하기 위하여카테고리, 토핑, 옵션은 별도로 등록하였습니다.그리고 메뉴 이미지도 준비 하였습니다.메뉴 등록 화면의 상단에는 메뉴를 등록하기 위한 폼이 있고하단에는 등록된 메뉴의 리스트를 보여줍니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown development by creating an account on GitHub.github.com 1. ..

메뉴 이미지 업로드메뉴 등록 기능 구현을 준비합니다. 메뉴에는 이미지가 있습니다.메뉴를 등록할 때 로컬 PC에서 이미지를 선택하면선택된 이미지를 firebase storage에 업로드합니다.웹에서 메뉴의 이미지는 보면 firebase storage에 업로드된 이미지를 보여줍니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown development by creating an account on GitHub.github.com 먼저 firebase storage에 대해 알아 봅니다.Firebase C..

아이스/핫 옵션 관리대부분의 음료는 아이스(Ice), 핫(Hot)을 선택할 수 있습니다.그러나 일부 음료의 경우 아이스만, 또는 핫만 가능할 수 있습니다.그러므로 음료를 주문할 때 아이스 또는 핫을 선택할 수 있도록 메뉴를 구성해야 합니다. 아이스, 핫 선택 또는 아이스만, 또는 핫만 등록할 수 있습니다.등록된 옵션은 리스에 나타나고 등록된 아이스/핫 옵션의 순서는 드래그로 변경할 수 있습니다.옵션 옆에 있는 삭제 아이콘을 눌러 삭제할 수 있습니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Firebase. Contribute to inetsos/downtown ..

카페 온라인 주문 음료 토핑 관리커피에 크림(휘핑 크림, 비낙농 크림 등)이나 시럽, 초콜릿 등을 추가하여 커피 위에 장식하는 것을 '토핑'이라고 합니다. 토핑은 커피의 맛과 외관을 더욱 다양하고 즐겁게 만들어주는 역할을 합니다. 음료와 토핑이 하나의 완성된 메뉴를 만들기 때문에 메뉴를 구성할 때 음료와 토핑을 묶을 수 있어야 합니다. 각 음료에는 일부 토핑만 가능할 수 있으므로 각 음료에 대해 가능한 토핑을 음료와 연동하여야 합니다.. 토핑을 음료에 추가하는 것으로 음료에 추가하여 제공됩니다. 그러므로 토핑만으로는 별도의 메뉴를 구성하지 않도록 합니다. 토핑은 가격이 있으므로 토핑의 이름과 가격을 등록하면토핑 리스트로 나타나고리스트에서 토핑을 선택하여 드래그로 순서를 변경할 수 있습니다. 토핑 리스트..