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

마지막 업데이트: 2026-10-15

한눈에 보기

걸리는 시간

약 1분

필요한 요금제

무료로 가능

코드 지식

없어도 돼요

하는 곳

첫 화면 ‘내 파일 가져오기’

따라 하기

1. 1

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

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

   ChatGPT

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

   index.html 복사

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

   HTML 파일로 저장해 MakeLayer에서 여세요

   AI 화면에 내려받기 버튼이 있으면 그걸로 HTML 파일을 받는 게 가장 쉬워요. 없다면 복사한 코드를 메모장에 붙여넣고, 저장할 때 파일 형식을 ‘모든 파일 (*.*)’로 바꾼 뒤 이름을 index.html 로 적으세요 — 그대로 두면 index.html.txt 로 저장돼 파일을 고를 때 보이지 않아요. 그다음 makelayer.com 첫 화면에서 ‘내 파일 가져오기’를 누르고 ‘HTML 파일 열기’로 그 파일을 고르면, 페이지가 실제 모습 그대로 미리보기로 열려요.

   

3. 3

   주소를 정하고 발행하세요

   원하는 이름으로 주소를 정하고 ‘시작하고 발행하기’를 누르세요. 로그인 한 번이면 고른 파일과 주소 그대로 바로 발행돼요 — 그 순간부터 인터넷에 열려요. 무료로 사이트 5개까지, 카드 없이 쓸 수 있어요.

   myname.mklyr.com 발행됨

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

4. 4

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

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

   편집 어시스턴트

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

자주 묻는 질문

이어서 읽어 보세요

• Claude로 만든 홈페이지, 실제 주소로 여는 법 Claude로 만든 HTML을 서버 없이 무료로 바로 실제 주소로 발행하는 단계별 가이드(한국어)
• Gemini로 만든 홈페이지, 실제 주소로 여는 법 Gemini로 만든 HTML을 서버 없이 바로 실제 주소로 공개하는 단계별 가이드(한국어)
• 이미 있는 HTML 파일, 실제 주소로 여는 법 이미 있는 HTML 파일을 서버 없이 무료로 바로 실제 주소로 발행하는 단계별 가이드(한국어)
• 내 도메인 연결하기 — CNAME과 TXT만 등록하면 끝 보유한 도메인을 발행한 사이트에 연결해 HTTPS까지 자동으로 받는 방법(한국어)