[예약 첫 화면 지시서 3판 — ① 자리형 · 줄 서기(식당 웨이팅)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «손님 화면»과 «사장님 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 가게 - 가게 이름: [수북한 국밥 본점] - 가게 전화: [02-000-0000] - 쉬는 날: [일요일·공휴일] - 받는 방식: [식당 줄 서기 — 자리가 나면 차례대로 부름] ■ 손님이 적는 칸 (이것만) - 이름 · 인원(1명 ~ [8]명, 그리고 «[9]명 이상») · 연락처 - 고르기(선택): [유아 의자 필요] ■ 자동으로 되는 것 - 줄 선 순서대로 번호 매기기 (날짜가 바뀌면 1번부터 다시) - «내 앞에 몇 팀 · 예상 대기 몇 분» 보여 주기 — 내 앞 = 아직 호출 안 된 팀만, 한 팀당 [7]분으로 계산 - 사장님 화면에서 [호출]을 누르면 그 줄에 «호출 중» 표시와 남은 시간, [입장]을 누르면 줄에서 빠짐 («왔다» = 사장님이 [입장]을 누른 것) - 상태: [대기 → 호출 중 → 입장 / 취소] - 문자가 갈 자리: [줄 섰을 때 1번, 호출했을 때 1번] ■ 마감 규칙 - 호출 뒤 [5]분 안에 안 오면 자동 취소 - «[9]명 이상»을 고르면 줄 서기 단추 대신 «가게로 전화 주세요 [02-000-0000]» 안내 - 줄 서기는 [11:00~14:00, 17:00~21:00]에만 열림 - 같은 연락처는 한 번에 줄 하나만 (입장·취소된 뒤에는 다시 설 수 있음) - 손님 취소는 [호출 전까지] — 그 뒤에는 «가게로 전화 주세요» ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [손님 화면] [사장님 화면] 전환 단추. 사장님 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 연락처가 휴대폰 번호면 숫자만 10~11자리로 받고, 아니면 다시 확인해 달라고 안내. - 연락처는 사장님 화면에서만 다 보이고, 손님 화면에서는 가운데 숫자를 가려 줘. - 연락처 칸 바로 아래 한 줄: «[줄 서기 안내 연락에만 씁니다 · 이용 뒤 30일 지나면 지웁니다]» · 사장님 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 예약»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 손님은 위 취소 기한 안에서 자기 예약을 [취소]할 수 있고, 사장님 화면에서도 목록에서 [취소]할 수 있게. - 사장님 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 사장님 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 예약 채우기] = 다른 손님 예약 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 예약 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 사장님 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 3판 — ①-2 자리형 · 회차(공방·교실)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «손님 화면»과 «사장님 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 공방 - 이름: [오후 세 시 도자기 공방] - 전화: [02-000-0000] - 쉬는 날: [일요일·월요일·공휴일] - 수업: [물레 원데이 클래스 · 2시간 · 1명 45,000원] - 회차: [화~토 14:00, 19:00] · 회차마다 정원 [6]명 - 받는 방식: [회차를 고르고 자리를 잡음 — 자리가 다 차면 대기] ■ 손님이 고르는 칸 (이 순서로) - 날짜·회차 → 인원(1~[4]명) → 이름 · 연락처 - 고르기(선택): [처음이에요] ■ 자동으로 되는 것 - 회차마다 «남은 자리 N/6»을 크게 보여 주기 — 인원만큼 줄어듦 - 남은 자리가 0이면 신청 단추 대신 [대기 신청] - 자리가 나면 대기 1번에게 «자리 났어요» 알림(문자 자리) — 손님이 다시 신청 - 사장님 화면: 날짜·회차별 명단 · 인원 합계 · 대기 명단 - 상태: [신청 → 확정 → 수업 완료 / 취소] - 문자가 갈 자리: [신청했을 때 1번, 대기에서 자리가 났을 때 1번] ■ 마감 규칙 - 신청은 수업 [1]일 전 [18:00]까지 · [4]주 앞까지 - 손님 취소는 수업 [2]일 전까지 — 그 뒤에는 «공방으로 전화 주세요» - 미성년자가 오는 수업이면 보호자 동의 문구는 AI가 지어내지 말고 «여기에 확인된 문구를 넣으세요» 자리만 비워 둘 것 ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [손님 화면] [사장님 화면] 전환 단추. 사장님 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 연락처가 휴대폰 번호면 숫자만 10~11자리로 받고, 아니면 다시 확인해 달라고 안내. - 연락처는 사장님 화면에서만 다 보이고, 손님 화면에서는 가운데 숫자를 가려 줘. - 연락처 칸 바로 아래 한 줄: «[수업 안내 연락에만 씁니다 · 수업 뒤 30일 지나면 지웁니다]» · 사장님 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 신청»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 손님은 위 취소 기한 안에서 자기 신청을 [취소]할 수 있고, 사장님 화면에서도 목록에서 [취소]할 수 있게. - 사장님 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 사장님 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 신청 채우기] = 다른 손님 신청 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 신청 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 사장님 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 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가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 3판 — ③ 신청형 · 신청·집계(사내 교육 신청)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «신청 화면»과 «담당자 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 조직 - 이름: [○○ 주식회사 인사팀] - 담당자 연락: [내선 0000] - 받는 방식: [부서별로 교육 신청을 받아 인원·예산을 합산] ■ 신청하는 사람이 적는 칸 - 부서(고르기: [영업 1팀, 영업 2팀, 총무팀, 생산관리, 연구소]) - 과정(여러 개 고르기: [AI 업무 자동화 2시간, 엑셀 3시간, 보고서 2시간]) — [과정마다 인원을 따로 적음] - 담당자 이름 · 내선(숫자 4자리) · 희망 일정([날짜 하나 고르기]) ■ 자동으로 되는 것 - 들어오면 표에 줄 하나 추가, 부서·과정별 합계 다시 계산 - 예산 = 인원 × 과정 시간 × [1명 1시간 8만 원] - 담당자 화면: 합계 표 · [확정] [검토] 표시 · 표를 엑셀(CSV)로 내려받기 - 상태: [검토 → 확정 / 취소] — 확정 뒤 신청자가 고치면 다시 «검토» - 문자가 갈 자리: [신청했을 때 1번, 확정됐을 때 1번] ■ 마감 규칙 - 마감: [11월 7일 18:00] — 지나면 신청 화면 닫기 · 마감 뒤 고치기·취소는 «담당자에게 연락 주세요» - 먼저 온 순서로 합쳐서 총예산 [600만 원]을 넘기는 신청부터 «예산 초과 — 담당자 확인 뒤 확정» 표시(막지는 않음) - 같은 부서는 한 번만 신청(고치기는 가능) - 합계 표는 담당자 화면 안쪽에서만 보이게 - 신청자 취소는 [마감 전까지] ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [신청 화면] [담당자 화면] 전환 단추. 담당자 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 내선은 숫자 4자리로 받고, 아니면 다시 확인해 달라고 안내. - 내선은 담당자 화면에서만 다 보이고, 신청 화면에서는 가운데 숫자를 가려 줘. - 내선 칸 바로 아래 한 줄: «[교육 일정 안내에만 씁니다 · 교육 끝나고 30일 지나면 지웁니다]» · 담당자 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 신청»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 신청자는 위 취소 기한 안에서 자기 신청을 [취소]할 수 있고, 담당자 화면에서도 목록에서 [취소]할 수 있게. - 담당자 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 담당자 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 신청 채우기] = 다른 손님 신청 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 신청 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 담당자 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 3판 — ④ 방문형 · 방문·시간대(출장 수리)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «손님 화면»과 «사장님 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 가게 - 가게 이름: [정직한 보일러] - 가게 전화: [02-000-0000] - 방문 받는 요일·시간: [월~토 09:00~19:00] · 쉬는 날: [일요일·공휴일] - 받는 방식: [손님 집으로 가는 출장 수리 — 시간대를 골라 예약] ■ 손님이 적는 칸 (이 순서로) - 주소(동네 고르기 + 나머지 주소) → 방문 시간대 → 증상 · 사진(선택 · 최대 [3]장) - 이름 · 연락처 ■ 자동으로 되는 것 - 시간대 한 칸에 [1]건만 — 찬 칸은 «마감»으로 막기 - 동네에 따라 «당일 / 다음 날» 자동 표시 - 사장님 화면: 날짜별 방문 순서 · 주소 · 증상 · 사진 보기 - 상태: [접수 → 방문 확정 → 방문 완료 / 취소] - 문자가 갈 자리: [접수했을 때 1번, 방문 확정했을 때 1번] ■ 마감 규칙 - 출장 가능 동네(구·시 단위): 당일 [노원구·도봉구·강북구] / 다음 날 [의정부시] / 그 밖은 «전화 주세요» - «당일 동네» = 오늘부터 [7]일 앞까지 · «다음 날 동네» = 내일부터 [7]일 앞까지 - 시간대: [09–11, 11–13, 13–15, 15–17, 17–19] (2시간 단위) · 방문 [2]시간 전까지 접수 - 출장비 [1만 원] 안내 (수리비는 현장에서) - 손님 취소는 방문 [3]시간 전까지 — 그 뒤에는 «전화 주세요» ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [손님 화면] [사장님 화면] 전환 단추. 사장님 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 연락처가 휴대폰 번호면 숫자만 10~11자리로 받고, 아니면 다시 확인해 달라고 안내. - 연락처는 사장님 화면에서만 다 보이고, 손님 화면에서는 가운데 숫자를 가려 줘. - 연락처 칸 바로 아래 한 줄: «[방문 안내 연락에만 씁니다 · 작업 뒤 30일 지나면 지웁니다]» · 사장님 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 예약»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 손님은 위 취소 기한 안에서 자기 예약을 [취소]할 수 있고, 사장님 화면에서도 목록에서 [취소]할 수 있게. - 사장님 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 사장님 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 예약 채우기] = 다른 손님 예약 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 예약 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 사장님 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 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가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마. ======================================== [예약 첫 화면 지시서 3판 — ⑥ 상담형 · 상담·진료(상담실)] 너는 웹 페이지를 만들어 주는 도우미야. 나는 코딩을 몰라. 아래 내용으로 «예약 화면»과 «상담실 화면» 두 장이 들어 있는 페이지를 HTML 파일 하나(index.html)로 만들어 줘. [대괄호] 안은 내 가게에 맞게 바꾼 값이야. ■ 시작하기 전에 - 만들기 전에, 지시서에 없는데 꼭 정해야 할 것을 3개까지만 먼저 물어봐. 내가 «알아서»라고 하면 흔한 방식으로 정해. ■ 우리 상담실 - 이름: [바른 마음 상담실] - 상담 시간: [10:00~18:00] · 쉬는 날: [일요일·공휴일] · 전화: [02-000-0000] - 예약은 [14]일 앞까지 - 받는 방식: [상담사 1명의 시간을 나눠 예약 — 처음 오는 분과 다시 오는 분의 길이가 다름] ■ 손님이 고르는 칸 (이 순서로) - 처음 / 다시 → 날짜 → 시간 - 사전 질문 [3]개(안 적어도 됨): [어떤 일로 오시나요 · 언제부터인가요 · 미리 알려 줄 것] - 이름 · 연락처 - 사전 질문 위에 동의 자리: «여기에 확인된 동의 문구를 넣으세요» — AI가 지어내지 말고 자리만 비워 둘 것 ■ 자동으로 되는 것 - 처음 [50]분 · 다시 [30]분 — 시작 시각은 [30]분 간격, 길이에 맞게 칸을 나누고 겹치는 칸은 막기 - 상담 사이 [10]분은 비워 두기 · 끝나는 시각이 [18:00]을 넘지 않게 - 예약 하루 전 «알림이 갈 자리» 표시 - 상담실 화면: 날짜별 예약 · 사전 질문 답 보기 - 상태: [예약 → 확정 → 상담 완료 / 취소] - 문자가 갈 자리: [예약했을 때 1번, 상담 하루 전 1번] ■ 마감 규칙 - 예약은 [하루 전 18:00]까지, 당일 변경·취소는 «전화 주세요» - 하루 최대 [6]건 · 같은 연락처는 한 번에 [1]건 - 사전 질문 답은 상담실 화면에서만 보이게 - 병원·한의원이라면: 진료 예약 안내 문구도 AI가 지어내지 말고 «여기에 확인된 문구를 넣으세요» 자리만 비워 둘 것 ■ 만드는 방법 - 파일 하나(index.html). 설치할 것 없이 더블클릭하면 열리게. - 저장은 우선 이 컴퓨터 브라우저 안에(localStorage) — 첫 화면을 눌러 보는 용도. 저장하고 불러오는 부분은 한곳에 모아 둬 — 나중에 손님 폰·사장님 폰 잇기(파이어베이스)로 바꾸기 쉽게. - 휴대폰 화면 기준, 글씨 크게, 단추는 손가락으로 누르기 쉽게. - 위쪽에 [예약 화면] [상담실 화면] 전환 단추. 상담실 화면은 비밀번호 [0000]을 넣어야 열리게(첫 화면용 가벼운 잠금). 비밀번호는 탭을 닫으면 다시 묻게. - 연락처가 휴대폰 번호면 숫자만 10~11자리로 받고, 아니면 다시 확인해 달라고 안내. - 연락처는 상담실 화면에서만 다 보이고, 예약 화면에서는 가운데 숫자를 가려 줘. - 연락처 칸 바로 아래 한 줄: «[상담 안내 연락에만 씁니다 · 상담 끝나고 30일 지나면 지웁니다]» · 상담실 화면에 [지난 기록 지우기](이용 뒤 30일 지난 것 · 확인 창 뒤). - «자기 예약»은 이 브라우저에서 넣은 것으로 봐(로그인 없음). 손님은 위 취소 기한 안에서 자기 예약을 [취소]할 수 있고, 상담실 화면에서도 목록에서 [취소]할 수 있게. - 상담실 화면 맨 아래 «🧪 눌러 보기용» 칸 — 단추는 상담실 화면에만 두고, 효과는 페이지 전체에 걸리게. 하나라도 켜져 있으면 두 화면 맨 위에 «🧪 시험 중» 띠: · [시간 제한 잠깐 끄기] = 영업시간·며칠 전 마감만 풂. 수량·자리 한도와 자동 취소는 그대로. · [시계 앞당기기 +10분] [+1시간] [+1일] [지금 시각으로 되돌리기] = 이 페이지 안의 시계만 앞으로. · [예시 예약 채우기] = 다른 손님 예약 몇 건을 넣어 찬 칸·마감·남은 수량이 바로 보이게. · [시험 기록 전부 지우기] = 이 브라우저에 저장된 예약 전부(확인 창 뒤). - 이 파일은 한 컴퓨터·한 브라우저 안에서만 저장된다는 것(손님 폰과 사장님 폰은 아직 안 이어짐)을 상담실 화면 위에 한 줄로 적어 줘. - 다 만들면 «내가 직접 눌러 볼 순서 5가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마.