AI가 만들어주는 나만의 무료 웹사이트

반응형


"내 웹사이트 하나 갖고 싶은데 개발은 모르고, 돈도 없고..."

이런 생각 해본 적 있으신가요? 2025년 지금은 코딩을 몰라도, 돈이 없어도 AI가 다 만들어줍니다. 진짜로요.

이 글에서는 AI로 웹사이트를 만들고 무료로 인터넷에 올리는 전체 흐름을 소개합니다.


AI가 코드를 짜준다고?

네, 짜줍니다. 그것도 꽤 잘.

ChatGPT, Claude 같은 AI에게 "이런 웹사이트 만들어줘"라고 말하면 HTML/CSS/JS 코드를 통째로 뽑아줍니다. 이 코드를 파일로 저장하면 웹사이트가 됩니다.

예전에는 이게 전부 개발자 몫이었습니다. 지금은 AI가 초안을 만들고 사람은 방향만 잡아주면 됩니다. 이걸 요즘 바이브 코딩(Vibe Coding) 이라고 부릅니다. 분위기(vibe)만 전달하면 AI가 코딩한다는 뜻입니다.


전체 흐름 한눈에 보기

1. AI에게 원하는 사이트 설명
      ↓
2. AI가 코드 생성
      ↓
3. 파일로 저장
      ↓
4. 무료 호스팅에 업로드
      ↓
5. 내 웹사이트 완성

이게 전부입니다. 하나씩 살펴볼게요.


1단계 - AI에게 원하는 사이트 설명하기

ChatGPT(chatgpt.com) 또는 Claude(claude.ai)에 접속합니다. 둘 다 무료로 사용 가능합니다.

이렇게 말해보세요.

"나는 프리랜서 디자이너야. 내 포트폴리오 웹사이트를 만들어줘. 다크 테마에 작업물을 카드 형태로 보여주고 싶어. 연락처도 넣어줘. HTML, CSS, JS 한 파일로 만들어줘."

핵심은 구체적으로 설명하는 겁니다.

✅ 좋은 예시
- "다크 테마로 만들어줘"
- "메뉴는 홈, 소개, 작업물, 연락처 4개"
- "모바일에서도 잘 보이게 해줘"
- "HTML 한 파일로 만들어줘"

❌ 나쁜 예시
- "웹사이트 만들어줘" (너무 막연)

2단계 - 코드 받아서 파일로 저장하기

AI가 코드를 생성하면 복사해서 메모장(또는 VS Code)에 붙여넣고 index.html 로 저장합니다.

저장한 파일을 더블클릭하면 브라우저에서 바로 확인할 수 있습니다.

마음에 안 드는 부분이 있으면 AI에게 계속 수정을 요청하면 됩니다.

"배경색을 좀 더 어둡게 해줘"
"폰트를 바꿔줘"
"카드에 hover 효과 넣어줘"

이 과정을 반복하면서 원하는 모양을 만들어 나갑니다.


3단계 - 무료로 인터넷에 올리기

파일이 완성됐으면 인터넷에 올려야 다른 사람이 볼 수 있습니다. 무료 호스팅 옵션은 크게 세 가지입니다.

서비스 특징 난이도

GitHub Pages 무료, HTTPS 기본, 커스텀 도메인 가능 ★★☆
Cloudflare Pages 무료, 속도 빠름, 배포 간편 ★★☆
Netlify 무료, 드래그앤드롭 배포 가능 ★☆☆

가장 쉬운 건 Netlify 입니다. 사이트에 접속해서 폴더를 드래그앤드롭하면 30초 만에 배포됩니다.

각 서비스 자세한 사용법은 다음 글들에서 하나씩 다룰 예정입니다.


어떤 사이트를 만들 수 있나요?

AI로 만들기 좋은 사이트 유형입니다.

개인/프리랜서

  • 포트폴리오 사이트
  • 개인 소개 페이지 (디지털 명함)
  • 이력서 페이지

소규모 사업자

  • 가게/업체 소개 페이지
  • 메뉴판, 가격표 페이지
  • 이벤트/행사 안내 페이지

개발자

  • 프로젝트 데모 페이지
  • 기술 문서 사이트
  • 오픈소스 프로젝트 소개 페이지

한계도 있습니다

솔직하게 말하면 AI가 만든 코드가 완벽하진 않습니다.

  • 복잡한 기능(로그인, 결제)은 정적 사이트로 불가
  • AI가 생성한 코드에 버그가 있을 수 있음
  • 디자인이 비슷비슷해 보일 수 있음

하지만 간단한 소개 페이지, 포트폴리오 용도라면 충분히 쓸 만합니다. 웹에이전시에 수백만 원 주고 맡기던 걸 이제 혼자서 무료로 할 수 있다는 게 핵심입니다.


마치며

정리하면 이렇습니다.

  • AI에게 원하는 사이트 설명 → 코드 받기
  • index.html로 저장
  • Netlify/GitHub Pages/Cloudflare Pages에 무료 업로드
  • 완성

돈도 개발 지식도 필요 없습니다. 필요한 건 AI에게 뭘 원하는지 설명하는 능력뿐입니다.

다음 글에서는 코딩을 전혀 모르는 분들을 위한 AI 포트폴리오 사이트 만들기를 더 자세히 다뤄보겠습니다.


 

반응형