동네 카페 메뉴판과 오늘의 메뉴
가게·소상공인 · 웹페이지 · 입문 · 약 30분
이런 상황에서
메뉴가 자주 바뀌는데 종이 메뉴판을 매번 다시 뽑는다. QR로 여는 웹 메뉴판이 있으면 좋겠다.
기획: 프롬프트 5요소
| 목적 | 메뉴 안내와 변경을 쉽게 |
|---|---|
| 입력 | 메뉴 이름, 가격, 사진 설명 |
| 출력 | QR로 여는 웹 메뉴판 |
| 조건 | 가격은 원 단위 쉼표, 품절 표시 가능 |
| 검증 | 휴대폰으로 QR을 찍어 열리는지 |
따라 하기
1. 메뉴판
PROMPT메뉴판
카페 메뉴판 웹페이지를 만들어줘. 커피, 차, 디저트로 나누고 품절 메뉴는 흐리게 보여줘. 메뉴는 menu.json 파일에서 읽어 오게 해서 나중에 쉽게 고칠 수 있게.
2. 공개와 QR
PROMPT공개와 QR
Vercel에 배포하는 방법을 알려주고, 배포 주소로 가게에 붙일 QR 코드 이미지를 만들어줘.
이건 꼭 확인하세요
- menu.json을 고치면 화면이 바뀌는가
- QR이 정확한 주소로 가는가
더 키워 보기
- 7회: 사장님이 화면에서 메뉴를 고치는 관리 페이지
- 11회: 홈 화면 설치(PWA)
관련 회차