[예약 첫 화면 지시서 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가지»와 «지시서에 없어서 네가 정한 것» 표를 적어 줘(바꿀 것만 고르게). ■ 넣지 말 것 - 결제, 회원가입, 로그인, 진짜 문자 발송은 넣지 마. 문자가 갈 자리에는 «여기서 문자가 갑니다» 표시만 — 위 «문자가 갈 자리»에 적힌 때만. - 내가 적지 않은 규칙을 지어내지 마.