한 기능씩 만들고 바로 눌러보기
AI가 여러 기능을 한 번에 고치면 무엇이 성공했고 무엇이 망가졌는지 확인하기 어렵습니다.
먼저 이것만 이해하면 됩니다
한 번에 외우지 말고, 표시된 흐름대로 읽고 바로 아래 프롬프트와 실습으로 넘어가세요.
작은 개발 루프가 안전합니다
개발 중에는 한 번에 많이 만들수록 빨라 보이지만 실제로는 위험합니다. 화면, 데이터, 디자인, 배포 설정이 한꺼번에 바뀌면 문제가 생겼을 때 원인을 찾기 어렵습니다.
작은 개발 루프는 요청, 실행, 확인, 수정 요청의 반복입니다. 한 가지 기능만 요청하고, 로컬에서 실행하고, 브라우저에서 직접 눌러보고, 기대와 다른 점을 다시 AI에게 알려줍니다.
확인 방법을 요청에 포함합니다
AI에게 기능을 맡길 때 '완료 후 어떻게 확인하면 되는지도 알려줘'라고 붙이세요. 그러면 AI가 실행 명령어, 확인할 화면, 눌러볼 버튼, 예상 결과를 함께 설명할 가능성이 높아집니다.
코드를 잘 몰라도 확인 절차를 따라가면 결과를 판단할 수 있습니다. 개발자는 모든 코드를 외우는 사람이 아니라, 변경이 의도대로 작동하는지 계속 확인하는 사람입니다.
수정 요청은 관찰한 사실로 보냅니다
문제가 생겼을 때 '이상해요'보다 '저장 버튼을 눌렀는데 목록에 추가되지 않고 콘솔에 이런 에러가 나옵니다'가 훨씬 좋습니다. 관찰한 사실을 주면 AI의 추측 범위가 줄어듭니다.
이 루프를 반복하면 큰 앱도 작은 단위로 쌓입니다. 바이브코딩은 한 번에 완성품을 뽑는 기술이 아니라, 작은 확인 루프를 빠르게 돌리는 작업 방식에 가깝습니다.
한 기능씩 만드는 확인 루프
공부 기록 앱의 기능은 요청, 실행, 확인, 수정 요청을 반복하며 안정적으로 붙입니다.
- 01 요청
기록 추가처럼 한 기능만 AI에게 맡깁니다.
한 기능만 맡깁니다 - 02 실행
로컬 화면이나 미리보기에서 바로 열어봅니다.
바로 실행합니다 - 03 눌러보기
입력, 저장, 목록 확인을 직접 해봅니다.
직접 확인합니다 - 04 수정 요청
기대와 다른 점을 적어 다시 요청합니다.
핵심 정리
개발 중에는 작은 루프가 중요합니다. 한 가지 기능을 요청하고, 실행하고, 직접 눌러보고, 문제가 있으면 에러와 함께 다시 요청합니다.
ChatGPT에게 이렇게 시키기
그대로 복사한 뒤, ChatGPT 입력창에 붙여넣고 내 상황에 맞는 단어만 바꾸세요.
ChatGPT는 질문을 입력하면 답을 주는 AI 채팅 서비스입니다. chatgpt.com 열기
- 현재 상황 만드는 것, 파일, 지금 막힌 점을 먼저 씁니다.
- 원하는 결과 AI가 끝내야 할 일을 한 가지로 좁힙니다.
- 확인 기준 완료 후 확인 방법과 바꾸면 안 되는 것을 붙입니다.
복사한 뒤 ChatGPT 입력창에 붙여넣으세요. Claude를 써도 되지만 처음엔 ChatGPT 하나로 따라오세요.
- 버튼을 누릅니다.
- ChatGPT 입력창에 붙여넣습니다.
- 내 상황에 맞게 단어만 바꿉니다.
나는 바이브코딩을 준비하는 초보자이고, 지금 "한 기능씩 만들고 바로 눌러보기" 단계를 배우는 중입니다. 내 목표는 작은 웹앱을 무리 없이 만들기 위해 AI가 여러 기능을 한 번에 고치면 무엇이 성공했고 무엇이 망가졌는지 확인하기 어렵습니다.
현재 앱에서 한 가지 기능만 구현해줘. 변경할 파일을 먼저 말하고, 완료 후 내가 눌러봐야 할 확인 순서를 알려줘. 답변은 초보자가 바로 따라 할 수 있게 1단계부터 순서대로 써주세요. 어려운 용어가 나오면 괄호 안에 짧게 풀어서 설명해주세요.
한 번에 너무 많은 기능을 제안하지 말고, 이번 단계에서 꼭 필요한 것과 나중에 해도 되는 것을 나눠주세요. 코드나 명령어가 필요하다면 어디에 붙여 넣는지, 어떤 파일을 봐야 하는지도 함께 알려주세요.
마지막에는 내가 직접 확인할 체크리스트를 만들어주세요. 특히 이번 요청에서 바꿀 기능을 하나만 고릅니다., AI가 바꾼 파일 목록을 확인합니다., 브라우저에서 직접 눌러보고 결과를 적습니다. 항목을 기준으로 결과가 맞는지 판단할 수 있게 해주세요.
내가 확인할 것
AI가 만든 결과를 그대로 믿지 말고, 아래 항목을 직접 보고 맞는지 확인하세요.
- 이번 요청에서 바꿀 기능을 하나만 고릅니다.
- AI가 바꾼 파일 목록을 확인합니다.
- 브라우저에서 직접 눌러보고 결과를 적습니다.
실습
내 앱의 첫 기능 하나를 고르고, `요청 → 실행 → 확인 → 수정 요청` 순서로 적어보세요.
- 요청: `____ 기능만 만들어줘`
- 확인: `브라우저에서 ____를 눌러본다`
- 수정 요청: `기대와 다른 점은 ____이다`
예시: 요청은 `메모 추가 기능만 만들어줘`입니다. 확인은 브라우저에서 입력 후 저장 버튼을 누르는 것입니다. 수정 요청은 `저장 후 입력칸이 비워지지 않는다`처럼 씁니다.
이번 단계 결과물
공통 예제인 공부 기록 앱 기준으로, 다음 단계에 가져갈 내용을 남깁니다.
- 공부 기록 앱 첫 요청: `기록 추가 기능만 만들어줘`
- 공부 기록 앱 확인: 입력 후 저장 버튼을 누르면 목록에 카드가 생긴다
- 공부 기록 앱 수정 요청: 기대와 다른 점과 콘솔 에러를 ChatGPT에 붙인다
답을 고른 뒤 `퀴즈 확인`을 눌러주세요. 이전에 통과했다면 선택했던 답과 점수가 그대로 복원됩니다.