바이브코딩 로드맵

코드를 대신 써주는 에디터와 에이전트가 출발점이에요. Cursor·Claude Code는 프로젝트 전체를 이해한 채로 짜주고, v0·Lovable·Bolt는 화면부터 빠르게 뽑아줘요. 처음엔 여러 개를 기웃대기보다 하나만 골라 손에 익히는 게 훨씬 빨라요.

바이브코딩에서 진짜 실력은 타이핑이 아니라 지시예요. 만들 것을 요구사항으로 또렷이 적고, 규칙 파일(CLAUDE.md 같은)로 맥락을 고정하면 AI가 덜 엉뚱해져요. 한 번에 하나씩, 예시를 주고 시키는 습관이 결과를 가릅니다.

사용자 눈에 보이는 화면을 만드는 부분이에요. 버튼·글자·색·배치를 짜맞춰 모양을 잡죠. AI가 코드는 대신 써줘도, 무엇을 어떻게 보여줄지 정하는 건 사람 몫이에요. 그래서 감각이 붙을수록 결과가 달라져요.

화면에 입력한 값이 새로고침해도 남아 있으려면 어딘가 저장해 둬야 해요. 그 저장소가 데이터베이스고, 화면과 저장소 사이에서 정보를 나르는 통로가 서버예요. 로그인·회원가입도 여기서 다뤄요. 눈엔 안 보여도, 이게 붙어야 진짜 서비스가 됩니다.

필요한 기능을 전부 직접 만들 필요는 없어요. 결제, 메일·알림, AI 기능 같은 건 이미 잘 만들어진 서비스를 가져다 붙이면 돼요. 잘 고른 것 하나가 몇 주치 작업을 줄여주기도 하죠.

안 될 때 원인을 좁혀가는 방법이에요. 빨간 에러 메시지를 그대로 AI에 넘기고, 브라우저 개발자도구로 안을 들여다보고, 방금 뭘 바꿨는지 하나씩 되돌려가며 범인을 찾죠. 에러는 겁줄 게 아니라 단서예요.

AI가 준 코드가 보안까지 챙겨주진 않아요. 비밀번호나 열쇠 같은 값은 코드에 그대로 두지 말고 따로 숨기고, 아무나 접근 못 하게 막고, 들어오는 입력은 한 번 걸러요. 최소한만 지켜도 열쇠 유출이나 요금 폭탄 같은 큰 사고는 피할 수 있어요.

다 만든 걸 내 컴퓨터 밖, 인터넷에 올리는 마지막 단계예요. 코드를 저장소에 올리고 배포 서비스에 연결하면 누구나 접속할 주소가 생겨요. 진짜 일은 그다음이에요. 비용과 오류 로그를 지켜보는 게 운영이거든요.