가이드
"이 HTML 파일을 어떻게 올리지?"에 대한 짧고 실용적인 답변들
"이 HTML 파일을 어떻게 올리지?"에 대한 짧고 실용적인 답변들
index.html을 만들었는데 이제 어떻게 올리지? HTML 파일을 실제 웹사이트로 만드는 모든 방법을 가장 쉬운 것부터 차근차근 설명합니다.
GitHub Pages, Netlify, Vercel, S3, 파일 호스팅 — HTML을 무료로 올리는 방법들을 솔직하게 비교하고 상황별 추천을 정리했습니다.
VPS도 Node.js도 nginx도 없이 웹사이트를 올릴 수 있습니다. 정적 호스팅이 무엇인지, 언제 충분한지, 인프라 없이 HTML을 배포하는 방법을 설명합니다.
AI가 웹페이지를 통째로 만들어줬다면, 이제 올릴 차례입니다. ChatGPT, Claude, Gemini가 만든 HTML을 1분 만에 진짜 URL이 있는 라이브 웹사이트로 만드는 방법.
HTML 파일을 이메일에 첨부하면 대개 의도대로 열리지 않습니다. 확실한 방법은 URL로 만드는 것 — 1분 안에 링크를 만드는 방법을 알려드립니다.
GitHub Pages는 훌륭하지만, 페이지 하나 올리자고 저장소·브랜치·빌드 설정까지 감당할 필요는 없습니다. 더 간단한 대안들을 솔직하게 비교했습니다.
파일 하나짜리 웹사이트에는 관리할 서버가 없습니다. 그게 무슨 뜻인지, 언제 알맞은 선택인지 정리했습니다.
Netlify Drop은 폴더를 끌어다 놓는 배포의 원조이고 지금도 좋은 제품입니다. 페이지 한 장에는 어디가 번거로운지 — 계정 클레임, 익명 사이트의 비밀번호, 폴더 요구 — 그리고 대신 무엇을 쓸지 정리했습니다.
Tiiny Host는 "파일 올리면 링크"를 대중화했습니다. 무료 3MB, 프로젝트 1개 제한, 월 $9 진입가가 맞지 않는다면 여기 대안이 있습니다 — 숫자와 함께, 그리고 Tiiny가 여전히 더 나은 경우까지.
Neocities는 손으로 만든 개인 사이트에 가장 친절한 집이고, 호스트인 만큼 커뮤니티이기도 합니다. 커뮤니티 디렉터리에 오르지 않는 페이지를 원하거나, 계정 없이 1분 만에 링크를 만들고 싶다면 대안들은 이렇게 비교됩니다.
Vercel은 Next.js 앱을 호스팅하기에 최고의 장소입니다. 손으로 쓴 HTML 페이지 한 장에는 많은 장치입니다: 계정, 저장소 또는 CLI, 그리고 상업적 사용을 제외하는 Hobby 플랜. 대신 무엇을 쓸지, 그리고 Vercel이 여전히 맞는 경우.
Claude는 아티팩트를 게시할 수 있지만, 그 링크는 내가 고를 수 없는 claude.ai 주소이고, Team·Enterprise 계정은 아예 공개 게시가 안 되며, 게시 취소는 되돌릴 수 없습니다. 같은 HTML을 내가 관리하는 링크에 올리는 방법, 1분이면 됩니다.
A static page keeps no logs you can read — so how do you know if anyone visited? Server-side counting, privacy-friendly analytics and Google Analytics, compared honestly.
Static pages can't process form submissions on their own — but you don't need a server to collect messages. Four approaches, working code, and how to stop the spam.
When you paste your URL into a chat and it shows a blank box, Open Graph tags are missing. The four tags that matter, the image rules, and how to test before sharing.
The tiny icon in the browser tab. How to make one, the three lines that cover every device, and how to add it when your host serves only a single file.
Your page looks fine on a laptop and cramped on a phone. The handful of changes that fix it — starting with one meta tag most pages forget.
You do not need a website builder or a framework to have a portfolio online. How to structure a single HTML file into a clean personal site, and put it live in minutes.
Beyond the visible content, a few tags decide how your page appears in search results and shared links. The short list worth adding, and the ones you can ignore.
You moved a page, or you want a short link pointing elsewhere. Every way to redirect — from a one-line meta tag to a proper 301 — and when each is the right choice.