AI 웹앱 테스트-수정 워크플로우

AI 코드 생성 도구로 만든 첫 빌드는 프런트와 백엔드 연결 단계에서 불완전한 경우가 많다. 4핵심요소의 4번째인 “UI 연결” 검증에 사용하는 반복 사이클.

핵심 원칙: 프롬프트당 한 문제

1. 앱의 모든 기능을 직접 클릭하며 테스트
2. 작동하지 않는 부분을 메모에 기록 (전체 목록 작성)
3. AI Studio로 돌아가 첫 번째 문제만 프롬프트로 설명
4. 수정 완료 후 다시 테스트
5. 다음 문제로 이동

⚠️ 프롬프트당 두 개 이상의 문제를 동시에 요청하지 말 것 — 한 수정이 다른 기능을 깨뜨릴 수 있음. 격리된 변경만 신뢰 가능.

로그인 자체가 안 되는 등 테스트 진행을 막는 차단 버그(blocker) 는 즉시 수정 후 나머지 테스트 진행.

파일 업로드가 작동하지 않는 것 같습니다.
이 문제를 진단하고 수정해 주세요.

기능명을 구체적으로 명시하면 AI Studio가 관련 코드 경로를 좁혀 정확히 수정한다.

AI 코드 생성 도구의 한계:

→ “테스트 → 격리된 수정 → 재테스트”의 짧은 사이클이 안전.

Firebase 콘솔에서 직접 백엔드를 바꿨다면, AI Studio에 무엇을 바꿨는지 알려야 코드와의 정합성이 유지됨:

Firebase 콘솔에서 다음을 설정했습니다:
1. <변경 1>
2. <변경 2>

앱의 <관련 기능>이 정상 작동하는지 확인해 주세요.