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