═══════════════════════════════════════════════════════════
  실습용 비상연락망 — 잠금 없는 판 (비번 없음)
  포천교육지원청 전문적학습공동체 연수 (바이브코딩)
═══════════════════════════════════════════════════════════


▣ 이 꾸러미 안에 무엇이 있나요

   contacts-open
     ├─ 먼저읽어보세요.txt   ← 지금 보고 계신 파일
     └─ upload
          └─ index.html      ← 인터넷에 올릴 연락망 파일

   Supabase도, SQL도, 로그인도 없습니다.
   파일 한 장이 전부입니다.


▣ 무엇을 보여주는 자료인가요

   이름과 휴대전화번호가 index.html 안에 그대로 적혀 있습니다.
   주소만 알면 누구나 전체 명단을 볼 수 있고,
   브라우저에서 '페이지 소스 보기'를 하면 번호가 한눈에 다 보입니다.

   만들기는 가장 쉽지만, 실제 업무에 이대로 쓰면 안 되는 방식입니다.
   짝이 되는 「비번 있는 판」과 나란히 놓고 비교해 보시라고 만든 자료입니다.


▣ 올리는 순서 (1분이면 끝납니다)

  ① cloudflare.com 에 로그인합니다.

  ② 왼쪽 메뉴 Workers & Pages 를 누릅니다.

  ③ Create → Pages → Upload assets 를 고릅니다.
     (Connect to Git 이 아닙니다)

  ④ 프로젝트 이름을 적습니다. 이 이름이 그대로 주소가 됩니다.
     영문 소문자와 붙임표(-) 만 쓸 수 있습니다.
     ※ 참석자끼리 이름이 겹치면 안 됩니다.
       contacts-kim, contacts-lee 처럼 각자 다르게 지으세요.

  ⑤ upload 폴더를 통째로 끌어다 놓습니다.
     ※ index.html 파일 하나만 끌면 안 됩니다. 폴더째 올리세요.
     ※ 이 안내문은 올리지 않습니다.

  ⑥ Deploy 를 누르고 30초 기다립니다.

  ⑦ https://내가정한이름.pages.dev 주소가 나오면 완성입니다.


▣ 올린 다음에 해 보실 것

  · 휴대폰으로 열어 보세요. 이름을 눌러 바로 전화가 걸립니다.
  · 검색창에 이름이나 팀 이름 일부를 넣어 보세요.
  · 화면에서 마우스 오른쪽 → '페이지 소스 보기' 를 눌러 보세요.
    370번째 줄쯤에 명단 전체가 그대로 적혀 있습니다.
    이 화면을 보시고 나면 왜 잠금이 필요한지 바로 아시게 됩니다.


▣ 안 될 때 확인할 것

  · 화면이 하얗게만 나옵니다
      → 파일 이름이 index.html 이 맞는지 보세요.
        메모장이 index.html.txt 로 저장했을 수 있습니다.
        저장할 때 파일 형식을 '모든 파일' 로 바꿔야 합니다.

  · 주소는 나오는데 404 가 뜹니다
      → index.html 이 upload 폴더 바로 아래에 있어야 합니다.
        폴더 안에 폴더가 한 겹 더 있으면 그렇게 됩니다.

  · 고쳤는데 화면이 그대로입니다
      → 브라우저가 옛 화면을 기억하고 있습니다. Ctrl + F5 를 누르세요.


▣ 꼭 지켜 주세요

  이 파일에는 실제 이름과 휴대전화번호가 들어 있습니다.
  연습용으로만 쓰시고, 주소를 바깥으로 퍼뜨리지 마십시오.
  실습이 끝나면 Cloudflare 프로젝트를 반드시 삭제해 주세요.
    (Workers & Pages → 프로젝트 → Settings → Delete project)

  업무에 실제로 쓰실 연락망은 반드시 「비번 있는 판」으로 만드십시오.


───────────────────────────────────────────────────────────
  강사 · 포천시청소년재단 인재육성실 유중원 실장
───────────────────────────────────────────────────────────
