1. 홈
  2. 작업 사례
  3. 콘텐츠 제작

이 사이트: 이틀 동안 AI와 함께 만든 20여 쪽짜리 홈페이지

axxolab.com은 디자인, 이미지, 글, 배포, 메일 연결까지 AI 에이전트와 함께 만들었습니다. 무엇을 만들었고, 사람이 정한 것과 AI가 한 것이 어떻게 나뉘었는지 정리했습니다.

  • 분야콘텐츠 제작
  • 기간2026년 10월 8일 ~ 9일
  • 도구Claude Code, Codex(GPT 이미지 생성), Cloudflare, Python
  • 상태운영 중
axxolab.com 첫 화면. 큰 제목 Know what works와 실험대 이미지가 보인다
2026년 10월 9일의 실제 첫 화면

지금 보고 계신 이 사이트가 사례입니다. 도메인을 사기 전의 시안 한 장에서 시작해, 이틀 동안 서비스 소개, 글, 정책 문서를 갖춘 사이트가 됐습니다. 코드와 글의 대부분은 AI 에이전트가 썼고, 방향과 결정은 사람이 했습니다.

이 사례의 근거

이 사이트의 저장소와 작업 기록입니다. 과정의 세부는 인사이트의 글에 명령과 수치까지 적었고, 이 페이지는 그 전체를 한 장으로 묶은 것입니다.

만든 것

항목내용
페이지홈, 소개, 서비스 3개, 작업 사례, 인사이트 글 9편, 문의, 정책 문서 3개
이미지GPT 이미지 생성으로 만든 정물 이미지. 한 가지 아트 디렉션으로 통일
영상직접 만든 AI 영상을 유튜브에 올려 연결
빌드원고 파일을 페이지로 바꾸는 파이썬 스크립트 하나. 외부 패키지 없음
배포Cloudflare의 정적 자산 방식, 도메인 연결
메일도메인 주소로 온 메일을 기존 메일함으로 전달
검색 대응사이트맵, 페이지별 설명과 대표 이미지, 글의 구조화 데이터

진행 순서

순서한 일자세한 기록
1이름을 정하고 도메인 가격을 조사해 .com으로 결정
2한 쪽짜리 회사 소개 페이지 작성
3이미지 4장 생성, 서비스를 세 분야로 재구성GPT 이미지로 한 톤 맞추기
4배포와 도메인 연결Cloudflare 배포 기록
5영상 연결유튜브 임베드 오류 153
6문의 메일 주소 연결도메인 메일을 Gmail로 받기
7여러 쪽 사이트로 확장: 서비스 상세, 인사이트 글, 정책 문서
8실제 작업 기록을 조회해 작업 사례 작성작업 기억 에이전트

사람이 정한 것과 AI가 한 것

사람이 정한 것AI가 한 것
회사 이름과 세 가지 서비스 분야페이지 구조와 문구 초안
어느 도메인을 살지, 그리고 결제등록 가능 여부 조회와 가격 조사
배포 도구에 권한을 줄지 여부배포 명령 실행과 결과 확인
메일을 받을 주소전달 설정과 DNS 확인
어떤 영상을 넣을지, 직접 올릴지 유튜브로 연결할지영상 변환과 연결 코드
공개해도 되는 내용인지근거가 되는 기록 찾기와 글 작성

돈이 나가는 일, 권한을 주는 일, 밖으로 공개하는 일은 사람이 정했습니다. 저희가 에이전트의 행동을 등급으로 나눌 때 쓰는 기준과 같습니다.

확인한 방법

만드는 것보다 확인하는 데 더 신경을 썼습니다. 에이전트가 "됐다"고 말하는 것을 그대로 믿지 않고, 매번 실제 주소에서 확인하게 했습니다.

  • 배포할 때마다 모든 페이지와 이미지 주소의 응답을 확인했습니다. 여러 쪽으로 확장한 뒤에는 39개 주소를 두 번씩 확인했습니다.
  • 공개하면 안 되는 원본 파일 주소로 직접 접속해, 열리지 않는 것을 확인했습니다.
  • 화면은 실제 브라우저로 열어 저장한 뒤 눈으로 보았습니다. 컴퓨터 크기와 휴대폰 크기를 따로 확인했습니다.
  • 배포 직후에는 옛 화면이 나올 수 있어, 새 내용이 나올 때까지 다시 확인했습니다.

고친 것

한 번에 되지 않은 일들입니다.

  • 첫 보고가 틀렸습니다. 에이전트는 폴더에 있던 홈페이지 시안을 내용을 확인하지 않고 "기획과 무관해 보인다"고 보고했습니다. 사용자가 되묻고 나서야 파일을 열어 보고 바로잡았습니다.
  • 로그인 승인이 시간 초과로 끝났습니다. 권한 화면을 확인하는 사이에 제한 시간 2분이 지났습니다.
  • 배포 방식이 예상과 달랐습니다. 프로젝트가 다른 방식으로 만들어져 배포 명령을 바꿔야 했습니다.
  • 영상이 로컬에서는 오류였습니다. 실제 도메인에서만 정상이었습니다.
  • 확인 스크립트에 버그가 있었습니다. 주소 목록이 한 덩어리로 처리되어 첫 주소가 계속 실패로 나왔습니다. 사이트가 아니라 확인하는 쪽의 문제였고, 고쳐서 다시 확인했습니다.
  • 글의 표현을 여러 번 고쳤습니다. 기록에 없는 내용이 초안에 들어간 곳을 찾아 지우거나, 확인한 범위에 맞게 줄였습니다.

한계

  • 글과 정책 문서는 AI가 쓴 초안에서 출발했습니다. 정책 문서는 법률 검토를 받지 않았습니다.
  • 이미지는 모두 AI로 생성한 정물이고, 글에는 실제 화면 캡처가 적습니다.
  • 방문 분석 도구를 붙이지 않아, 방문자가 얼마나 오는지는 아직 알 수 없습니다.
  • 이틀 동안 만든 사이트입니다. 내용은 계속 고치고 더할 것입니다.

이 작업에서 가져갈 것

AI와 함께 만들면 빨라지는 것은 만드는 속도입니다. 확인하는 일은 줄지 않습니다. 오히려 만드는 속도가 빨라진 만큼, 실제로 됐는지 확인하는 절차를 미리 정해 두어야 합니다. 홈페이지나 소개 자료를 같은 방식으로 만들고 싶다면 문의로 알려 주세요.

함께 만들고 싶다면.

영상 제작 문의와 협업 제안을 메일로 받습니다. AI 채팅 서비스는 정식 공개 전이며, 공개 소식은 이 사이트에 적습니다.

Topics영상 제작 · 협업 · 제보