홈페이지 빠르게 만드는 법 — AI에게 시키고 30분 안에 링크까지

가게 소개, 포트폴리오, 동아리 모집, 행사 안내. "홈페이지 하나 있어야 하는데"까지는 다들 생각해요. 그런데 막상 알아보면 빌더에 가입하고, 템플릿을 고르고, 블록을 끌어다 놓고… 시작도 하기 전에 저녁이 다 가요.

지름길이 있어요. 어차피 소개용 홈페이지의 실체는 HTML 한 장이고, 그 한 장은 요즘 AI가 5분 만에 만들어줘요. 우리가 할 일은 두 가지뿐이에요. 제대로 시키는 것, 그리고 나온 걸 올리는 것.

flowchart LR
    A(["넣을 내용 정리"]) --> B(["AI에게 요청"]) --> C(["HTML 복사"]) --> D(["붙여넣고 발행"]) --> E(["링크 공유"])
    classDef default fill:#ffffff,stroke:#0A0A0A,stroke-width:2px,color:#0A0A0A
    classDef accent fill:#20E070,stroke:#0A0A0A,stroke-width:2px,color:#0A0A0A
    classDef ink fill:#0A0A0A,stroke:#0A0A0A,stroke-width:2px,color:#ffffff
    class D accent
    class E ink

1단계 — AI에게 이렇게 시켜요

ChatGPT든 Claude든 상관없어요. 중요한 건 요청 문장에 조건 하나를 꼭 넣는 거예요.

카페 '온뜰' 소개 홈페이지를 만들어줘. 대표 메뉴, 위치와 영업시간, 인스타그램 링크 섹션이 들어가면 좋겠어. 외부 파일 없이 CSS·스크립트를 전부 인라인한 단일 HTML 파일로, 모바일에서도 잘 보이게 만들어줘.

굵게 표시한 부분이 핵심이에요. 이 조건이 빠지면 AI가 파일 여러 개로 쪼개거나 외부 이미지·폰트에 기대는 결과물을 줄 때가 있는데, 그러면 올렸을 때 깨져요. "한 장으로"라고 못 박으면 어디에 올려도 그대로 열리는 자기완결 문서가 나와요.

디자인 주문도 같이 하세요. "따뜻한 베이지 톤으로", "사진 없이 타이포 중심으로", "버튼은 크게" — 말로 하는 만큼 반영돼요. 마음에 안 들면 "헤더를 더 크게"라고 한 번 더 시키면 되고요.

2단계 — 붙여넣고 발행

받은 HTML을 통째로 복사해서 1page.run 에디터에 붙여넣으면 오른쪽에 미리보기가 바로 떠요. 여기서 보이는 그대로가 발행 결과예요. 확인하고 발행을 누르면 링크가 나와요. 로그인 없이도 되고, 여기까지 보통 30분이 안 걸려요.

그 링크를 인스타 프로필에 걸고, 카톡으로 보내고, 전단지 QR로 만들면 그게 홈페이지 운영의 전부예요.

빌더와 뭐가 다른가요

	홈페이지 빌더	AI + 1page.run
시작까지	가입 → 템플릿 → 편집 학습	프롬프트 한 번
걸리는 시간	반나절 이상	30분 안팎
비용	무료 티어 + 월 요금 유도	무료
디자인 자유도	템플릿 범위 안에서	말로 시키는 대로
수정	빌더 다시 열어 편집	AI에게 고쳐달라 → 다시 붙여넣기

수정 이야기를 조금 더 하면 — 영업시간이 바뀌었다면 AI에게 "영업시간을 10시로 바꿔줘"라고 해서 받은 HTML을 같은 페이지에 다시 붙여넣으면 돼요. 주소는 그대로니까 이미 뿌린 QR과 링크를 바꿀 필요가 없어요.

어떤 홈페이지에 맞는 방법인가요

보여주는 게 목적인 페이지라면 다 맞아요. 가게·스튜디오 소개, 포트폴리오, 행사 안내, 모집 공고, 메뉴판. 반대로 결제·예약·회원가입처럼 기능이 도는 사이트라면 이 방법만으로는 부족해요 — 그건 처음부터 개발이 필요한 영역이에요.

다른 사람들이 만든 실제 페이지가 궁금하면 활용 예시에 모아뒀어요. 그리고 시작은 언제나 같아요. AI에게 받은 HTML을 붙여넣는 것부터.

자주 묻는 질문

정말 무료인가요?

네. 붙여넣고 발행하는 데 비용이 들지 않아요. 로그인 없이 발행한 페이지는 7일 뒤 정리되는데, 계정을 만들어 보관하면 기간 제한 없이 유지돼요.

코딩을 전혀 몰라도 되나요?

돼요. HTML을 직접 쓰는 게 아니라 AI가 쓴 걸 복사해서 붙여넣는 것뿐이에요. 수정도 코드를 고치는 게 아니라 AI에게 말로 시키면 돼요.

사진은 어떻게 넣나요?

인터넷에 이미 올라가 있는 이미지 주소(URL)를 프롬프트에 주면 AI가 넣어줘요. 처음엔 사진 없이 타이포 중심으로 만들고, 나중에 채우는 것도 방법이에요.

링크 주소는 어떻게 나오나요?

1page.run/page/… 형태의 고유 주소가 발급돼요. 내용을 수정해도 이 주소는 그대로 유지되니까, 인스타 프로필이나 QR에 걸어두고 계속 쓸 수 있어요.