REAL DEPLOYMENT PLAYBOOK

웹 배포를
한 번에 끝내는
실전 가이드.

ChatGPT × GitHub × Cloudflare, 컴맹도 따라 하는 실전 배포 가이드. 프로그램형 웹 예시를 만들며 겪은 연결·배포·오류를 초보자 눈높이로 정리했습니다.

18실전 guide
1회초기 연결
자동Git push 배포
딱 이 순서만 기억하세요
ChatGPTGitHubCloudflare웹주소
START WITH YOUR OWN ACCOUNT

새로운 독자는
자기 account로 시작합니다.

이 guide에서 보이는 이름과 URL은 입력 위치를 설명하는 가상 예시입니다. 다른 사람의 account를 복사하는 단계는 없습니다.

본인 설정표 만들기
STEP BY STEP

컴맹도 따라가는 전체 guide

AI 지침서, GitHub 연결, 자동 배포, 동적 웹, Google 광고 준비까지 순서대로 구성했습니다.

COPY · PASTE · DEPLOY

AI에게 “웹 만들어줘”가 아니라
완료 기준까지 지시하세요.

도구 권한 확인, static/dynamic 판단, GitHub commit, preview, production, 실제 URL 검사까지 포함한 마스터 지침서를 제공합니다.

AGENTS.mdCodexCursorClaude Code실제 URL 검증
완료 조건
  1. 현재 tool 권한 확인
  2. preview에서 test
  3. commit과 deployment 일치
  4. 실제 URL 200 확인
  5. rollback 방법 제공
마스터 지시문 TXT 받기 ↓
ACTUAL CASE

이론이 아니라
실제로 부딪힌 기록.

GitHub app 권한, Cloudflare Pages와 Workers 차이, 오래된 preview URL, 잘못된 entry file까지 직접 겪은 오류를 숨기지 않고 정리했습니다.

가상 프로그램 웹 구축 기록 읽기 →
ERROR 01repository가 안 보임권한 목록과 index delay 확인
ERROR 02배포 성공인데 404output directory 확인
ERROR 03수정 전 화면이 나옴branch·commit·URL 대조
ADSENSE READY

광고만 붙이는 빈 page가 아니라,
정보 가치가 있는 blog 구조.

17개 실전 article, AI 지시문 생성기, About, Contact, Privacy, 이용 안내, sitemap, robots, ads.txt 준비 파일과 광고 script 설정 위치까지 포함했습니다. preview 검수 후 production custom domain에서 신청하는 흐름입니다.

Original contentSEO metadataPrivacyads.txt readyResponsive
광고 준비 guide
AD PLACEMENT PREVIEW
Google 광고 승인 후 표시될 영역
현재는 광고 code가 비활성화되어 있습니다.
PROGRAM STORE

가이드에서 실제 프로그램으로.

SampleDesk, ClipBox, AutoFlow 등 내가 만든 프로그램을 카드 형태로 확인할 수 있습니다.

가상 완성 예시 열기 ↗
START WITH YOUR OWN ACCOUNT

이 가이드는 누구나 자기 account로 따라 하는 설명서입니다.

화면에 나오는 username, repository, email, domain은 실제 운영자의 값이 아니라 예시입니다. GitHub와 Cloudflare는 반드시 본인이 만든 account로 연결하세요.