PRACTICAL TIPS

바이브 코딩 활용팁

현장의 문제를 기술로 해결할 때 바로 적용할 수 있는 실전 가이드입니다.

1

모르는 건(Code) 몰라도, 아는 것(Logic)은 통제하라

바이브 코더인 우리는 모든 코드를 이해하기 어렵습니다. 하지만 로직(Logic)은 이해하고 있어야 합니다. 이를 위해 내가 통제하고 싶은 핵심 변수는 별도로 정의해야합니다. 그리고 이런 변수는 항상 최상단에 배치하세요.

// 최상단에 통제 변수 배치 (Vibe Coding 스타일)
const TARGET_SHEET_NAME = "2024_상담일지";
const ADMIN_EMAIL = "socialworker@agency.or.kr";

// 아래 로직은 블랙박스(AI가 만들어준 아직 모르는 영역)로 두어도 무방합니다.
2

Copyright 명시: 존중과 나눔의 철학

코드 상단에 저작권을 명시하는 것은 두 가지 의미가 있습니다.

  • 🤝 아이디어 존중: 누군가의 노력으로 만들어진 결과물에 대한 경의
  • 🌍 지속적 공유: 개인적으로 나의 아이디어가 세상에 무료로 계속 퍼지기를 바라는 마음(CC BY-NC-SA 4.0)
3

검증된 Reference 및 기존 소스 적극 활용하기

✨ Google AI Studio

[Build] 기능을 활용하면 복잡한 기능도 쉽게 구현 가능합니다. 작동 확인 후 소스 코드를 다운로드하여 Reference 섹션에 참고용으로 넣어두세요.

🐙 GitHub

깃허브는 보물창고입니다. 비슷한 현장의 문제를 해결한 수많은 예시들을 찾아보고 내 것으로 만드세요.

📸 Few-shot & 캡처

원하는 틀을 만들려면 AI에게 예시(Few-shot)를 주세요. snapshot(이미지)이나 동영상 녹화를 활용해 구체적인 인터페이스를 보여주는 것도 방법입니다.

🔗 이미 구현된 Apps Script가 있다면?

기존 시트 기반 웹앱 자료를 AI에게 "읽어오라"고 하세요.

📍 필수 설정:

  • 시트 공유 설정: "링크가 있는 모든 사람" -> "편집자"
  • 만약 읽지 못한다면 아래 URL 구조를 활용해 데이터를 첨부하세요.
https://docs.google.com/spreadsheets/d/{시트ID}/gviz/tq?&sheet={시트명}&tq=select *

※ 출처: dashboard_vibecoding

4

Antigravity 조금더 쉽게 쓰기

💬 시작하는 첫 명령

"모든 출력은 한글로 해줘"라고 말해보세요. Implementation Plan 또는 Walkthrough를 한글로 바로 확인할 수 있어 훨씬 직관적인 소통이 가능해집니다 (토큰 감소 없음).

📝 계획이 마음에 들지 않는다면?

Implementation Plan 보기를 통해 만들어진 계획 중 수정이 필요한 부분에 마우스를 올리고 + 버튼("Comment on this line")을 눌러보세요. 원하는 내용을 입력하면 AI가 그에 맞춰 계획을 즉시 조정합니다.

⚡ Planning 모드 vs Fast 모드

- Planning 모드: 복잡한 작업 시 전체적인 구조를 먼저 설계하고 확인 과정을 거칩니다. 안전하고 체계적인 작업에 적합합니다.
- Fast 모드: 수정 사항이 명확하거나 단순한 작업 시 계획 단계 없이 즉시 코드를 수정합니다. 빠른 피드백이 필요할 때 유용합니다.

🛠️ Bat 파일을 바로 실행하고 싶다면?

설정의 "확장 프로그램(Extension)"에서 외부 프로그램을 등록할 수 있습니다. 이를 활용하면 배치 파일(.bat)이나 쉘 스크립트를 Antigravity 인터페이스 안에서 버튼 클릭 한 번으로 편리하게 실행할 수 있습니다.

📜 이전 대화 내용을 확인하고 싶다면?

과거에 어떤 논의를 했는지 궁금하다면 상단의 Past Conversation Past Conversation 아이콘을 클릭해 보세요.

이전에 나눈 대화 기록과 작업 이력을 언제든 다시 확인할 수 있습니다.

⏪ 이전 작업으로 되돌리고(Revert) 싶다면?

📥 백업을 쉽고 똑똑하게 하는 방법:

  • AI에게 백업 요청: "현재 파일들을 날짜별로 백업하는 배치 파일을 만들어줘"라고 요청하거나, "지금 버전을 `backup` 폴더에 복사해줘"라고 직접 명령하세요.
  • 깃허브(GitHub) 활용: "지금까지의 수정 사항을 깃허브에 백업(Push)해줘"라고 시키면 AI가 알아서 커밋까지 완료합니다.
  • 클라우드 동기화: 작업 폴더 자체를 구글 드라이브나 원드라이브(OneDrive) 안에 두면 자동으로 실시간 백업이 진행됩니다.

💡 되돌리기 팁: 별도의 Revert 버튼은 없지만, 에디터의 Undo(Ctrl+Z) 기능을 활용하거나 코드 변경 사항(Diff) 적용 시 신중히 검토하여 원치 않는 변경을 막을 수 있습니다.

🚀 반복 작업은 배치 파일(.bat)로 자동화하세요

Node.js 서버 실행, 파이썬 가상환경 설정, 깃허브 배포, 앱 빌드 등 매번 입력하기 번거로운 작업들은 AI에게 "이 작업을 위한 배치 파일(.bat)을 만들어줘"라고 요청하세요. 작성된 파일을 실행하기만 하면 복잡한 터미널 명령어 입력 없이 내 PC에서 즉시 테스트하고 결과를 확인할 수 있습니다.

🤖 코딩 언어를 미리 결정하지 마세요

구현 언어는 AI가 문제의 성격에 따라 가장 최적의 도구를 제안하도록 맡기는 것이 좋습니다.

Google Apps Script 워크스페이스 자동화, 가벼운 웹앱
C# / .NET 대량 데이터 연산, 윈도우 조작, 설치형 프로그램
HTML / JS / CSS UI 중심 도구, 정적 웹 페이지
PowerShell / Bat OS 설정 변경, 파일 일괄 관리 로직