전체 목차
3장

빌드 루프

5분 분량

설명 → 생성 → 실행 → 반응 → 반복

크든 작든 모든 제작은 같은 루프를 따릅니다. 원하는 걸 설명하고, AI가 만들고, 실행하거나 미리보고, 실제로 보이는 것에 반응하고, 그다음 변경을 설명합니다. 맞을 때까지 돌고 돕니다.

VibeCampus Build Studio에는 이 루프가 내장돼 있습니다. 설명을 입력하고 생성을 누르면 결과가 즉시 미리보기로 떠서, 어떤 세팅도 없이 바로 반응할 수 있습니다.

한 턴은 작게

한 턴에 한 가지 변경이 최적입니다. "이제 저작권 한 줄이 들어간 푸터를 추가해줘"는 깔끔한 결과를 줍니다. "푸터 추가하고, 색 전부 바꾸고, 모바일 대응하고, 연락 폼도 넣어줘"는 뒤죽박죽을 줍니다. 작은 승리를 쌓으세요.

무엇이 잘못됐는지 구체적으로 말하라

뭔가 어긋났을 때 콕 집어 말하세요. "어두운 배경에서 글씨가 잘 안 읽혀"는 실행 가능한 말입니다. "별로야"는 아닙니다. 보이는 것과 원하는 것 사이의 간극을 정확히 설명할수록 더 빨리 좁혀집니다.

Studio에서 해보기

이 장의 프롬프트를 그대로 Vibe Coding Build Studio로 가져가 실제로 만들어 보세요.

제품 출시용 카운트다운 타이머 페이지를 만들어줘. 내가 정한 날짜까지 큰 숫자로 카운트다운되는 것부터 시작해줘.

Vibe Coding Build Studio에서 열기
VibeCampus