[예약 첫 화면 지시서 3판 — ② 날짜형 · 날짜·수량(식품 예약 주문)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «손님 화면»과 «사장님 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 가게 - 가게 이름: [다정 유부초밥] - 가게 전화: [02-000-0000] - 주문 받는 시간: [09:00~20:00] · 쉬는 날: [일요일] - 받는 방식: [받을 날짜를 고르고 몇 개 살지 미리 주문] ■ 손님이 고르는 칸 (이 순서로) - 받을 날짜 → 메뉴·수량 → 받는 방법([매장 픽업] / [배달]) - 배달을 고르면 [구 고르기 + 상세 주소] 칸이 나오게 - 이름 · 연락처 ■ 메뉴 (이름 · 값) - [모둠 유부초밥 10개입 · 13,000원] - [새우 유부초밥 10개입 · 13,000원] ■ 자동으로 되는 것 - 고른 수량 × 값 (+ 배달비 [3,000원])으로 합계 - 날짜마다 «남은 수량» 보여 주기 — [입금 전 주문도 남은 수량에서 뺌] - 사장님 화면: 날짜별 주문 목록 · 메뉴별 합계 · [입금 확인] 단추 - 상태: [입금 대기 → 입금 확인 → 받음 / 취소] - 문자가 갈 자리: [주문했을 때 1번, 입금 확인했을 때 1번] ■ 마감 규칙 - 받을 날 [2]일 전 [20:00]까지만 주문 가능 · 주문은 [오늘부터 4주 앞까지] — 지난 날짜는 회색으로 막기 - 하루 최대 [60상자](10개입 한 상자 = 1) — 다 차면 그 날짜에 «마감» 표시 - 배달은 [노원구·도봉구]만 - 주문 뒤 [24]시간 안에 입금 확인이 안 되면 자동 취소 - 손님 취소는 받을 날 [2]일 전까지 — 입금 뒤 취소는 «가게로 전화 주세요» - 결제는 계좌 안내만: [○○은행 000-000-000000 (예금주 ○○○)] ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [손님 화면] [사장님 화면] 전환 단추. 사장님 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 연락처가 휴대폰 번호면 숫자만 10~11자리로 받고, 아니면 다시 확인해 달라고 안내. - 연락처는 사장님 화면에서만 다 보이고, 손님 화면에서는 가운데 숫자를 가려 줘. - 연락처 칸 바로 아래 한 줄: «[주문 안내 연락에만 씁니다 · 받은 뒤 30일 지나면 지웁니다]» · 사장님 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 주문»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 손님은 위 취소 기한 안에서 자기 주문을 [취소]할 수 있고, 사장님 화면에서도 목록에서 [취소]할 수 있게. - 사장님 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 사장님 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 주문 채우기] = 다른 손님 주문 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 주문 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 사장님 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마.