ChatGPT로 만든 홈페이지, 실제 주소로 여는 법

마지막 업데이트: 2026-08-07

따라 하기

1. 1

   ChatGPT에게 페이지를 부탁하세요

   원하는 페이지를 말로 설명하면 HTML이 나옵니다. 이때 “하나의 HTML 파일로 만들어줘”라고 덧붙이면 디자인(CSS)까지 한 파일에 담아 줘서 다음 단계가 더 쉬워져요. 답변의 코드 블록 오른쪽 위 ‘복사’ 버튼 한 번이면 준비 끝입니다.

   ChatGPT

   우리 카페 소개 페이지를 하나의 HTML 파일로 만들어줘. 메뉴, 위치, 문의 버튼도 넣어줘.

   index.html 복사

   <section class="hero"> <h1>…</h1></section>
2. 2

   HTMLtoSITE에 붙여넣으세요

   첫 화면의 입력창에 복사한 코드를 붙여넣는 순간, 옆에서 페이지가 실제 모습으로 렌더됩니다. 파일 저장도 회원가입도 아직 필요 없어요 — 먼저 눈으로 확인하세요. 페이지에 직접 쓴 스크립트는 미리보기에서만 잠시 쉬고, 발행하면 전부 정상 동작합니다.

   

3. 3

   ‘내 주소 만들기’를 누르고 주소를 정하세요

   미리보기가 마음에 들면 버튼을 누르세요. 로그인 한 번(붙여넣은 코드는 그대로 유지됩니다) 뒤에 원하는 이름으로 주소를 정하면 발행 완료 — 그 순간부터 인터넷에 열립니다. 무료로 사이트 2개까지, 카드 등록 없이요.

   myname.c-om.kr 발행됨

   발행하면 이런 주소가 바로 생깁니다. 갖고 있는 도메인은 Starter부터 연결할 수 있어요(HTTPS 자동).

4. 4

   다음에 고칠 땐, 말로 고치세요

   발행한 뒤에도 ChatGPT로 돌아갈 필요 없어요. 편집기에서 고치고 싶은 걸 말로 요청하면 AI가 코드를 찾아 고치고, 무엇이 바뀌는지 먼저 보여줍니다. 마음에 안 들면 한 번에 되돌릴 수 있어요.

   편집 어시스턴트

   헤드라인을 더 강하게 바꿔줘 세 곳을 고쳤어요. 마음에 안 들면 되돌릴게요.

자주 묻는 질문