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

카페 메뉴 품절 관리메뉴가 품절인 경우에 대한 처리를 생각해 봅시다. 품절이 확인 되면 관리자가 우선 메뉴의 품절 상태를 설정합니다.그러면 온라인 주문 메뉴 리스트에 품절을 표시해야 합니다.품절된 품목에 대해서는 주문이 되지 않습니다. 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 ..

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

메뉴 카테고리 관리 테이크아웃 커피점의 메뉴 관리를 생각해 봅니다. 음료의 종류가 생각보다 많습니다.음료 외에 토핑, 사이드 메뉴까지 있습니다. 우선 메뉴 관리를 위하여 카테고리를 등록하여 카테고리 별로 메뉴를 볼 수 있도록 하겠습니다. 카테고리를 등록하면 등록한 카테고리는 리스트에 나타납니다. 카테고리 리스트의 카테고리 옆 삭제 아이콘을 누르면 카테고리가 삭제 됩니다. 카테고리의 순서는 메뉴를 나타낼 때 카테고리 순서로 나타내기 위해 필요합니다.카테고리 리스트에서 카테고리를 드래그하면 순서를 변경할 수 있습니다. https://github.com/inetsos/downtown GitHub - inetsos/downtown: 동네 포털 - Vue 3 + Firebase동네 포털 - Vue 3 + Fire..

테이크아웃 커피점 온라인 주문 개발 준비테이크아웃 커피점의 메뉴 관리를 위하여 몇가지 UI 컴포넌트 (UI Components)들에 대해 알아 봅니다. 각 메뉴는 카테고리별로 분류하여 보여 주고,표 형식으로 메뉴 데이터를 나타내고,메뉴의 순서를 변경하기 위하여 드래그 앤 드롭(Drag & Drop) 기능을 사용합니다. GitHubhttps://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 v-expansion-p..