강의자료 · 무료 배포

우리 팀 페이지, 무료로 5분 안에 공개하기

카드 등록도, 서버 구매도 필요 없어요. 터미널 명령 몇 줄이면 HTML 파일이 전 세계에서 접속 가능한 링크가 됩니다.

소요 시간
약 10분
비용
무료
준비물
Node.js + 파일 하나

배포 순서 · 6단계

배포할 index.html이 들어 있는 폴더를 미리 만들어두고, 순서대로 그대로 따라오시면 됩니다.

  1. 1

    무료 계정 만들기

    • dash.cloudflare.com에서 이메일로 가입합니다.
    • 정적 사이트 배포(Pages)는 무료 플랜 범위 안에서 사용할 수 있어요.
    💡 신용카드 등록은 필요 없어요. 이메일 인증만 하면 바로 시작할 수 있습니다.
  2. 2

    터미널에서 로그인하기

    배포할 폴더 위치에서 아래 명령어를 입력하세요. 브라우저가 자동으로 열리며 승인 화면이 나옵니다.

    $ npx wrangler login
    • 열린 브라우저에서 1단계에서 만든 계정으로 승인하면 됩니다.
    • 터미널에 "Successfully logged in"이 뜨면 완료입니다.
  3. 3

    배포 명령어 실행핵심

    index.html이 있는 폴더에서 그대로 실행하세요. 프로젝트이름은 원하는 이름으로 바꿔도 됩니다 — 이 이름이 나중에 발급되는 주소에 그대로 들어갑니다.

    $ npx wrangler pages deploy . --project-name=프로젝트이름
    ⚠️ 처음 한 번만 확인 문구가 뜨며 --force를 요구할 수 있어요. 그대로 진행하면 됩니다 — 다음 배포부터는 필요 없어요.
  4. 4

    공개 링크 확인하기

    배포가 끝나면 터미널에 아래와 같은 주소가 출력됩니다. 이 주소가 곧 전 세계에서 접속 가능한 공개 링크예요.

    ✨ Deployment complete!
    https://프로젝트이름-xxxx.pages.dev
  5. 5

    팀원에게 공유하기

    • 이 링크를 메신저나 메일로 그대로 보내면 됩니다.
    • 로그인이나 별도 프로그램 설치 없이 누구나 바로 볼 수 있어요.
  6. 6

    수정하고 재배포하기

    로컬 index.html을 수정한 뒤, 같은 폴더에서 3단계와 똑같은 명령어를 다시 실행하세요.

    $ npx wrangler pages deploy . --project-name=프로젝트이름
    • 같은 링크로 자동 갱신돼요. 팀원에게 새 링크를 다시 알릴 필요가 없습니다.

이제 이런 걸 할 수 있어요

다음 단계 — 실제로 팀에서 쓸 문서나 페이지를 폴더에 담아, 위 3단계 명령어로 직접 배포해보세요.

자주 나오는 질문

아래 목록에 없으면 오른쪽 아래 챗봇에게 물어보세요.

정말 계속 무료인가요?

네. Cloudflare Pages 무료 플랜은 개인이나 소규모 팀이 정적인 사이트(HTML/CSS/JS)를 배포하는 용도로는 카드 등록이나 결제 없이 계속 사용할 수 있어요.

도메인을 따로 사야 하나요?

아니요. 프로젝트이름.pages.dev 형태의 주소가 배포와 동시에 자동으로 발급돼요. 나중에 원할 때 갖고 있는 개인 도메인을 연결할 수도 있습니다.

HTML 파일 하나가 아니라 이미지·CSS도 되나요?

됩니다. index.html이 들어 있는 폴더 전체를 대상으로 명령을 실행하면, 그 폴더 안의 모든 파일이 함께 배포돼요.

배포한 걸 다시 내리거나 비공개로 바꿀 수 있나요?

네. Cloudflare 대시보드에서 해당 Pages 프로젝트를 삭제하거나, 접근 제한(Access) 설정을 걸어 특정 이메일만 볼 수 있게 제한할 수 있어요.