바이브 코딩은 분위기 있는 프롬프트가 아닙니다. 완성된 페이지의 상을 먼저 붙들고, 손이 그 상에 닿을 때까지 잘라 내는 방식입니다. 첫 배포는 그 상이 로컬 미리보기를 떠나 주소가 되는 순간입니다.

이 글은 특정 호스팅 버튼을 따라가지 않습니다. 소량 사이트 — 정적 파일 몇 장과 이미지 — 를 처음 바깥으로 내보낼 때 반복되는 순서를 적습니다.

상과 폴더를 먼저 맞춥니다

배포 전에 적는 것은 기술 스택이 아닙니다. 방문자가 첫 화면에서 봐야 하는 것 세 줄입니다. 그 세 줄이 없으면 생성기는 페이지를 계속 덧붙이고, 폴더는 두꺼워집니다.

상이 이 세 줄이면, 배포 대상은 그 세 줄을 담은 폴더입니다. 나머지 실험 페이지는 이번 출고가 아닙니다.

로컬에서 닫는 검수

미리보기에서 예뻐 보이는 것과, 파일 경로가 닫혀 있는 것은 다릅니다. 내보내기 전에 네 곳을 손으로 엽니다.

  1. 이미지와 글꼴 경로가 상대 경로로 살아 있는가
  2. 없는 페이지를 가리키는 링크가 있는가
  3. index가 있는 폴더와 없는 폴더가 섞여 있지 않은가
  4. 사이트맵에 적은 주소가 실제로 폴더에 있는가

네 번째가 빠져 있으면, 검색엔진과 사람은 빈 주소를 약속받습니다. 빈 주소는 배포가 아니라 예고입니다.

첫 배포의 품질은 새 기능의 수가 아닙니다. 적은 주소와 실제 파일이 일치하는 비율입니다.

한 번에 올리는 단위

소량 사이트는 통째로 올리는 편이 안전합니다. 파일 하나만 바꾸면 캐시와 HTML이 어긋납니다. 작업실의 출고와 같습니다. 한 로트로 묶고, 목록을 남기고, 올린 뒤 그 목록으로 다시 엽니다.

올리는 사람의 손이 하나면, 올린 시각과 파일 개수를 한 줄로 적습니다. 다음 배포가 “그때 그 버전”을 찾게 하기 위해서입니다.

첫 URL에서 하는 일

주소가 열리면 로컬을 보지 않습니다. 산 주소에서만 봅니다.

로컬에서 통과한 링크가 산 주소에서 깨지는 이유는 대개 대소문자, 슬래시, 기준 경로입니다. 고치는 곳은 프롬프트가 아니라 폴더 이름입니다.

바이브가 멈추는 지점

상이 페이지와 같아지면 생성을 멈춥니다. 배포 뒤에 “하나만 더”를 붙이면, 사이트맵과 파일이 다시 벌어집니다. 다음 상의 자리는 다음 출고입니다.

바이브 코딩의 첫 배포는 마법이 아니라, 상을 폴더로 닫고 그 폴더를 주소와 같게 만드는 공정입니다. 같은 상을 두 번 보면 — 한 번은 머리에서, 한 번은 산 URL에서 — 배포는 끝난 것입니다.

출고 폴더를 닫는 순서

생성기가 페이지를 덧붙이는 속도와, 폴더가 주소가 되는 속도는 다릅니다. 첫 배포 전에 폴더를 닫는 순서는 상의 순서입니다.

  1. 첫 화면의 한 문장 — 이 문장이 없으면 배포하지 않음
  2. 그 문장을 증명하는 이미지 한 장 — 경로가 상대 경로로 살아 있는지
  3. 다음으로 가는 링크 하나
  4. 이번 출고에 넣을 페이지만 남긴다 — 실험 페이지는 폴더 밖
  5. 사이트맵의 주소 = 폴더의 실제 파일

5번이 어긋나면 검색엔진과 사람은 빈 주소를 약속받습니다. 빈 주소는 배포가 아니라 예고입니다.

로컬 검수의 필드

미리보기의 예쁨은 칸이 아닙니다. 손으로 여는 네 곳이 칸입니다.

네 칸을 프롬프트에 맡기지 않습니다. 생성기는 없는 주소를 자신 있게 적습니다. 손이 폴더를 엽니다.

첫 배포가 벌어지는 실패

산 URL이 로컬과 달라지는 이유는 대개 새 기능이 아닙니다.

첫 배포의 품질은 새 기능의 수가 아닙니다. 적은 주소와 실제 파일이 일치하는 비율입니다.

산 URL에서 닫는 목록

주소가 열리면 로컬을 보지 않습니다. 산 주소에서 다섯을 닫습니다.

  1. 넓은 폭, 폰 폭 — 같은 한 문장이 보이는가
  2. 이미지 한 장이 실제로 내려오는가
  3. 없는 경로가 404 페이지를 보여주는가
  4. sitemap.xml이 지금 올린 목록과 같은가
  5. 올린 시각·파일 개수 한 줄

다섯이 같으면 생성을 멈춥니다. 다음 상의 자리는 다음 출고입니다. 바이브 코딩의 그림은 머릿속의 화면과 산 URL이 같은 물건을 가리키는 일입니다. 같은 상을 두 번 보면 배포는 끝난 것입니다.