비개발자가 AI로 웹서비스를 끝까지 만드는 순서: 정리 1장부터 배포 주소까지 7단계
ZERO ONE Builder 제작팀(ZERO ONE IT)이 쓴 가이드입니다. 최종 갱신 2026-09-25.
AI에게 "예약 페이지 만들어 줘"라고 치면 화면은 나옵니다. 손님이 그 화면에 들어오기까지는 여섯 단계가 더 남아 있습니다.
중간에 멈췄다면 게을러서가 아닙니다. 다음 순서가 화면 밖에 있었을 뿐입니다.
7단계와 "끝났다"의 증거
| 단계 | 할 일 | 끝났다는 증거 | 자주 멈추는 곳 |
|---|---|---|---|
| 1 기획 | 누가, 무엇을 하려고 이 서비스를 여는지 정한다 | 한 문장 정의 + 첫 화면에서 손님이 할 행동 1개 | 기능 목록부터 적다가 20개가 된다 |
| 2 화면 | 화면 목록과 이동 순서를 정한다 | 화면 이름 목록, 화면 사이 화살표 | 예쁜 첫 화면 하나에서 멈춘다 |
| 3 설계 | 무엇을 저장하는지, 로그인이 필요한지, 돈이 오가는지 정한다 | 저장할 항목 표 한 장 | 건너뛰고 만들면 나중에 처음부터 다시 만든다 |
| 4 만들기 | 1~3의 문서를 AI에게 주고 만들게 한다 | 내 컴퓨터나 미리보기에서 돌아가는 화면 | 문서 없이 한 줄 요청만 반복한다 |
| 5 확인 | 휴대폰으로 처음부터 끝까지 눌러 본다 | 모든 버튼, 빈칸 제출, 느린 인터넷, 가로 넘침을 확인한 목록 | "내 컴퓨터에선 됐는데" |
| 6 배포 | 인터넷 주소를 만든다 | 남의 휴대폰에서 주소를 열어 끝까지 된다 | 저장소, 환경변수, 도메인 (다음 글에서 7곳으로 정리) |
| 7 운영 | 문의가 오면 누가 답하는지, 오류는 어디서 아는지, 월 비용은 얼마인지 정한다 | 연락 창구 1개, 월 비용 표 | 올리고 끝낸다 |
1단계를 건너뛰면 왜 무너지나
AI는 빈칸을 그럴듯하게 채웁니다. "예약 페이지"라고만 하면 이름, 전화번호, 날짜, 시간, 메모 칸을 알아서 넣습니다.
그런데 당신 가게는 전화번호 대신 카카오톡으로 연락할 수도 있고, 시간 대신 "오전·오후"만 고를 수도 있습니다. 한 문장 정의가 없으면 AI의 평균적인 답이 당신 사업의 답을 대신합니다.
AI에게 넘기기 전에 사람이 정할 것 3개
- 누구에게: 첫 손님 한 사람을 떠올릴 수 있을 만큼 좁게.
- 무엇을 저장하나: 새로고침해도 남아야 하는 것, 다른 사람도 봐야 하는 것.
- 돈: 결제가 있는지, 매달 나가는 비용 상한은 얼마인지.
셋 다 사업의 결정입니다. AI가 대신 정하면 그럴듯하지만, 당신의 답은 아닙니다.
5단계 확인 목록 (복사해서 쓰세요)
- 휴대폰 세로 화면에서 좌우로 밀리지 않는다
- 모든 버튼을 한 번씩 눌렀다
- 빈칸으로 제출하면 무엇이 잘못됐는지 알려 준다
- 와이파이를 끄고 데이터로 열어도 된다
- 다른 사람 휴대폰에서도 된다
이 순서를 방으로 옮겨 보는 중입니다
이 7단계를 사무실의 방으로 옮긴 것이 ZERO ONE Builder입니다. 방 하나에서 증거가 나와야 다음 방 문이 열립니다.
지금은 시안이라 실제 배포는 안 됩니다. 위의 표는 오늘 바로 쓸 수 있습니다.
방 8개의 흐름을 시안에서 직접 눌러 볼 수 있습니다. 지금은 시안이라 실제 배포는 안 됩니다.