본문 바로가기
Korean Nowadays Trends

AI로 홈페이지 만들기 후기 | 코딩 몰라도 1시간 완성한 1인 브랜드 사이트 제작기

by 블랙티01 2026. 5. 21.

요즘 1인 브랜드를 운영하시거나 프리랜서로 일하시는 분들이라면, 본인만의 홈페이지에 대한 고민 한 번쯤 해보셨을 겁니다. 명함에 도메인 한 줄 박혀 있는 분들을 볼 때마다 부럽기도 하고, "나도 하나 있으면 좋겠다"는 생각이 들곤 하죠.

저 역시 1인 브랜드를 운영하면서 같은 고민을 오랫동안 안고 살았습니다. 결국 ChatGPT와 Claude AI, 그리고 GitHub Pages를 활용해 직접 홈페이지를 만들어봤는데, 결과부터 말씀드리면 생각보다 훨씬 쉬웠습니다. 오늘 포스팅에서는 코딩을 전혀 모르는 일반인이 AI 도구만으로 홈페이지를 만든 전 과정과 실제 후기를 자세히 정리해드리겠습니다.

코딩을 모르는데 홈페이지를 만들 수 있을까?

결론부터 말씀드리면, 가능합니다. 그것도 비교적 짧은 시간 안에요.

저는 HTML, CSS, JavaScript 같은 단어만 들어봤지 실제로 다뤄본 적이 없는 완전 비전공자입니다. 평소 컴퓨터를 잘 쓰는 것도 아니고, 새 프로그램만 깔아도 한참 헤매는 수준이죠. 그런 제가 AI 도구를 활용해 직접 홈페이지를 만들고, 도메인까지 연결해서 인터넷에 올렸습니다.


왜 그동안 홈페이지를 못 만들었을까?

홈페이지 제작을 미뤄온 이유는 명확했습니다.

1. 외주 비용 부담

홈페이지 외주 견적을 받아보면 적게는 100만 원대, 디자인까지 신경 쓰면 300만 원도 넘어갑니다. 1인 사업자나 프리랜서에게는 부담스러운 금액이죠.

2. 코딩 학습의 진입 장벽

HTML, CSS부터 배우자니 시간이 너무 많이 들고, 끝까지 못 끝낼 것 같아 시작도 못 했습니다.

3. 노코드 툴의 월 구독료

윅스(Wix), 식스샵, 아임웹 같은 노코드 툴은 매달 구독료가 빠져나갑니다. 도메인 연결까지 하면 비용이 더 올라가고요.

4. GitHub에 대한 막연한 두려움

"GitHub는 개발자가 쓰는 곳"이라는 인식 때문에 시작도 안 해봤습니다.

이런 이유로 무려 2년 동안 "홈페이지 만들어야지"라는 말만 반복했습니다.


AI로 홈페이지 만들기, 실제 과정 4단계

직접 해본 결과, 가성비도 좋고, 전체 과정은 크게 네 단계로 나눌 수 있었습니다.

1단계 | 회사 소개 자료 준비

가장 먼저 한 일은 기존에 가지고 있던 자료를 정리하는 것이었습니다. 회사소개서, 포트폴리오 PDF, PPT 파일 등 본인 브랜드를 설명할 수 있는 모든 자료를 한곳에 모았습니다.

처음 만드시는 분들이라면 다음 항목들만 워드 한 장에 정리해두시면 충분합니다.

  • 사업명 또는 브랜드명
  • 주요 서비스 또는 업무 분야
  • 운영자 소개 (간단한 이력 포함)
  • 포트폴리오 또는 주요 실적
  • 연락처 (이메일, 전화번호, SNS 링크)

이 단계가 사실상 가장 중요합니다. AI에게 좋은 자료를 줘야 좋은 결과물이 나오기 때문입니다.


2단계 | AI에게 홈페이지 코드 요청

ChatGPT와 Claude를 모두 사용해봤는데, 두 도구 모두 결과물이 만족스러웠습니다. 준비한 자료를 그대로 넣고 다음과 같이 요청했습니다.

"다음 회사 소개 내용을 바탕으로 한 페이지짜리 홈페이지 HTML 코드를 만들어줘. 모바일에서도 잘 보이는 반응형으로 만들어주고, 색상은 깔끔한 미니멀 톤으로 부탁해."

몇 초 만에 HTML 코드가 생성됩니다. 처음 봤을 때는 신기함과 동시에 조금 당황스럽기도 했습니다. 코드를 다 이해할 필요는 없고, 그냥 복사할 준비만 해두면 됩니다.


3단계 | 수정 및 디자인 조정

AI가 생성한 첫 결과물이 완벽하지는 않습니다. 폰트가 작거나 색상이 마음에 들지 않을 수 있는데, 이때 다시 AI에게 요청하면 됩니다.

"메인 컬러를 따뜻한 베이지 톤으로 바꿔줘"
"폰트 크기를 좀 더 크게 해줘"
"About 섹션 위에 포트폴리오 섹션을 추가해줘"

이런 식으로 자연어로 수정 요청을 하면 AI가 알아서 코드를 다시 짜줍니다. 직접 코드를 만질 필요가 거의 없다는 게 가장 큰 장점입니다.


4단계 | GitHub Pages 무료 배포

가장 긴장됐던 단계이지만, 실제로 해보면 의외로 단순합니다.

  1. GitHub 회원가입 (무료)
  2. 새 저장소(Repository) 생성
  3. 생성된 HTML 파일 업로드
  4. Settings 메뉴에서 'Pages' 기능 활성화
  5. 발급된 URL 확인

GitHub Pages는 정적 웹사이트를 무료로 호스팅해주는 서비스입니다. 별도의 서버 비용이 들지 않고, 도메인만 따로 구매하면 본인만의 주소로 사이트를 운영할 수 있습니다.


실제로 만든 사이트와 만족도

이렇게 해서 완성한 사이트가 www. custombychin.com입니다.

브랜드 소개와 포트폴리오 정리에 초점을 맞춰 깔끔하게 구성했고, 모바일에서도 깨지지 않게 반응형으로 제작했습니다. 거래처나 미팅에서 포트폴리오를 요청받았을 때 도메인 한 줄만 보내면 되니 진짜 편리합니다.

비용 정리

항목 비용
AI 사용료 무료 (ChatGPT/Claude 무료 버전 활용 가능)
GitHub Pages 호스팅 무료
도메인 구매 (1년) 약 1만 5천 원 ~ 2만 원
디자인 외주 0원
총 비용 약 2만 원 내외

기존 외주 견적과 비교하면 50배에서 100배 정도 저렴한 비용으로 완성한 셈입니다.


AI 홈페이지 제작, 누구에게 추천할까?

직접 해보고 나니 다음과 같은 분들에게는 강력히 추천드릴 만한 방법입니다.

프리랜서 또는 1인 사업자

포트폴리오와 서비스를 소개할 본인만의 공간이 필요한 분에게 적합합니다.

소상공인과 브랜드 운영자

브랜드를 알리고 신뢰감을 주는 공식 홈페이지가 필요한 분에게 추천드립니다.

코딩을 전혀 모르는 초보자

개발 지식 없이도 본인 사이트를 만들어보고 싶은 분에게 가장 잘 맞습니다.

홈페이지 외주 비용이 부담스러운 분

수십~수백만 원의 외주 비용을 아끼고 싶은 분에게 유용합니다.


AI 홈페이지 제작 관련 자주 묻는 질문

Q1. 정말 코딩을 전혀 몰라도 만들 수 있나요?

네, 가능합니다. AI가 코드를 모두 작성해주기 때문에 사용자는 자연어로 요청만 하면 됩니다. 다만 GitHub 업로드 같은 일부 단계에서는 차근차근 따라 할 인내심이 조금 필요합니다.

Q2. 시간은 얼마나 걸리나요?

처음 만드시는 분 기준 약 2시간에서 3시간 정도 소요됩니다. 한 번 흐름을 익히면 두 번째 페이지부터는 30분에서 1시간 안에 완성할 수 있습니다.

Q3. ChatGPT와 Claude 중 어떤 게 더 좋나요?

두 도구 모두 결과물이 우수합니다. 일반적인 디자인 톤에서는 두 가지 모두 비슷한 수준이고, 좀 더 자연스러운 한글 표현은 Claude가 강점이 있다고 느꼈습니다. 본인 취향에 맞게 선택하시면 됩니다.

Q4. 도메인은 어디서 구매하나요?

가비아, 후이즈, 카페24, Cloudflare 등 도메인 전문 사이트에서 구매할 수 있습니다. 가격은 닷컴(.com) 기준 연 1만 5천 원에서 2만 원 정도입니다.

Q5. 홈페이지 수정은 어떻게 하나요?

GitHub 저장소에서 HTML 파일을 수정하거나 새로 업로드하면 됩니다. 수정 내용은 보통 몇 분 안에 사이트에 반영됩니다.

Q6. HTTPS 보안 설정은 자동으로 되나요?

GitHub Pages는 HTTPS를 무료로 제공합니다. 본인 도메인을 연결할 경우 Settings에서 'Enforce HTTPS' 옵션을 체크해주면 됩니다.


마치며 | AI가 바꾼 1인 브랜드 운영의 풍경

홈페이지 제작은 더 이상 개발자의 영역만이 아닙니다. AI 도구의 발전 덕분에 누구나 본인 아이디어를 인터넷에 올릴 수 있는 시대가 됐습니다.

저처럼 코딩을 전혀 모르는 사람도 평일 저녁 시간 두세 번이면 본인만의 홈페이지를 가질 수 있습니다. 외주 비용 100만 원을 아끼고, 무료 도구만으로 완성도 있는 결과물을 만들어내는 경험은 1인 브랜드 운영에 있어 큰 자산이 됩니다.

처음 시작이 두려우신 분들은 한 페이지짜리 간단한 사이트부터 만들어보시는 것을 추천드립니다. "어, 별거 아니었네?"라는 순간이 분명히 찾아올 겁니다.

본 포스팅이 홈페이지 제작을 망설이고 계셨던 분들께 작은 시작점이 되었길 바랍니다. 시작이 어렵지, 한 번 해보면 그다음부터는 정말 쉽습니다.

반응형