바이브 코딩 입문, 비개발자가 첫 앱 만드는 5단계 가이드

코딩은 한 줄도 써본 적 없는데 머릿속엔 만들고 싶은 앱이 분명히 있는 사람. 주변에 이런 지인이 한 명쯤은 있기 마련입니다. 마케터, 기획자, PM, 디자이너, 그리고 요즘은 연구자까지. 외주를 맡기자니 비용이 부담스럽고, 코딩을 배우자니 어디서부터 시작해야 할지 막막합니다. 그런데 2025년 2월 어느 날, 안드레이 카르파시(Andrej Karpathy)가 X에 던진 한 줄 "Vibe Coding"이 이 구도를 조용히 뒤흔들기 시작했습니다.

바이브 코딩의 핵심은 단순합니다. "코드의 작동 원리를 완전히 이해하지 않아도 코드를 작성한다." 사람은 큰 그림과 의도(Vibe)를 던지고, 구체적 구현은 AI가 담당하는 협업 방식입니다. 작곡가가 악보를 한 음씩 그리는 대신, 지휘자가 오케스트라에 방향을 제시하는 그림에 더 가깝습니다.

이 글은 "비개발자가 오늘 당장 무언가를 만들어보고 싶을 때, 어디서부터 시작해야 하는가"에 대한 한국어 답입니다. 브라우저만 있으면 되는 Bolt.new로 입문해, 2025년 11월에 공개된 무료 IDE Google Antigravity를 거쳐, 현업 전문가들이 가장 사랑한다는 Claude Code까지 이어지는 깔때기 경로를 짚어봅니다. 기술 스펙 나열이 아니라, 각 도구가 어느 시점에 왜 필요한지에 대한 이야기에 가깝습니다.

목차

• 바이브 코딩이란 무엇인가
• 시작 전에 기억해두면 좋은 세 가지
• Bolt.new, 30분 안에 첫 앱 만들어보기
• 다음 단계, 무료 IDE Google Antigravity
• 종착역, Claude Code가 받는 평가
• 실전에서 자주 부딪히는 문제들
• 자주 받는 질문들

바이브 코딩이란 무엇인가

카르파시의 제안은 짧았지만 파급력이 컸습니다. 기존 코딩이 "어떻게(How)"에 집중했다면, 바이브 코딩은 "무엇을(What)"에 집중하자는 제안입니다. 어떤 함수를 쓰고 변수를 뭐라 이름 붙이고 에러를 어떻게 처리할지를 한 줄씩 결정하는 대신, "사용자가 입력 실패해도 당황하지 않게 친절한 안내 화면을 만들어줘"라는 의도만 던지면 AI가 구현한다는 발상입니다.

이 접근이 비개발자에게 특히 매력적인 이유가 몇 가지 있습니다. 브라우저만 있으면 시작할 수 있는 도구가 늘어났고, 한국어 자연어로 명령할 수 있으며, 프롬프트 한 줄에 동작하는 화면이 바로 나오는 즉각적 피드백이 학습 동기를 폭발시킵니다. 누군가에게는 사소해 보일 수 있지만, "내가 만든 게 실제로 동작한다"는 첫 경험은 생각보다 강렬한 효능감을 남깁니다.

실제 주변에서 이 흐름을 목격한 경험이 있습니다. 한 마케터 지인에게 Bolt.new를 추천했더니 그날 저녁에 "오늘 처리한 광고 캠페인 ROI 자동 계산기"를 만들어 보내왔습니다. 평소엔 엑셀로 30분 걸리던 작업이 클릭 한 번으로 끝나는 웹 도구가 된 겁니다. 완성도는 프로토타입 수준이었지만, 본인의 도메인 전문성을 코드로 변환하는 첫 경험이 주는 의미는 컸습니다.

반복되는 엑셀 작업, 사내 양식 자동화, 간단한 데이터 분석 도구, 팀 내부용 미니 웹앱. 외주를 맡기기엔 규모가 작고, 매번 수작업하기는 아까운 영역이 의외로 많습니다. 바이브 코딩이 가장 빛을 발하는 구간은 바로 여기입니다.

시작 전에 기억해두면 좋은 세 가지

도구를 켜기 전에 마음가짐을 정리하는 것이 결과를 크게 바꿉니다. 비개발자 입장에서 바이브 코딩 입문 시 흔히 빠지는 함정이 몇 가지 있는데, 정리하자면 이렇습니다.

효능감 우선, 완벽함은 나중

처음 만드는 앱이 상용 서비스 수준일 필요는 없습니다. "내가 만든 게 동작한다"는 경험 자체가 학습의 연료입니다. 첫 프로젝트는 친구에게 보여줄 수 있는 데모 수준이면 충분합니다. 이 문턱을 낮추지 않으면 대부분 첫 실행에 도달하기 전에 그만둡니다.

작게 시작하고 작게 쪼개기

"전체 쇼핑몰을 만들어줘" 같은 큰 요청은 AI도 길을 잃습니다. "상품 한 개를 보여주는 카드 컴포넌트를 만들어줘"처럼 작은 단위로 쪼개서 요청하는 편이 훨씬 효율적입니다. 한 번에 한 가지씩 검증하며 진행하면 디버깅도 한결 쉬워집니다.

"동작하니까 됐다"는 위험 신호

화면이 나왔다고 해서 코드가 안전하다는 뜻은 아닙니다. 특히 회원 가입, 결제, 데이터 저장이 들어가는 앱은 보안 검증을 거치는 것이 안전합니다. 이 부분은 글 후반의 실수 섹션에서 더 다루겠습니다.

Bolt.new, 30분 안에 첫 앱 만들어보기

이제 실전입니다. 비개발자가 처음 시작하기 가장 부담이 없는 도구로 Bolt.new(StackBlitz가 만든 브라우저 기반 풀스택 AI 빌더)를 고르는 이유는 단순합니다. 설치할 게 없고, 가입 후 프롬프트 한 줄로 바로 동작하는 웹앱이 만들어집니다. 아래 과정을 그대로 따라가면 평균 30분 안에 끝납니다. 인터넷이 연결된 PC와 이메일 계정, 그리고 "만들고 싶은 것 한 줄"만 있으면 됩니다.

1단계, 만들 것을 한 줄로 정의하기

가장 어려운 단계가 사실 이 부분입니다. 막연하게 "쇼핑몰" 말고, "내 사이드 프로젝트의 마감일까지 남은 일수를 보여주는 카운트다운 페이지" 처럼 구체적이고 작은 한 문장으로 줄이는 것이 핵심입니다. 처음이라면 이런 주제들이 무난합니다.

• 개인용 할 일 체크리스트 웹앱
• 식당 회식비 N분의 1 자동 계산기
• 이번 달 운동 횟수 기록 트래커
• 회사 리뷰 요청 메시지 템플릿 생성기

Bolt.new 첫 화면 스크린샷

2단계, Bolt.new 가입하고 첫 프롬프트 던지기

bolt.new에 접속해 GitHub 또는 Google 계정으로 가입합니다. 가입 직후 메인 화면 중앙에 프롬프트 입력란이 나옵니다. 1단계에서 정한 한 줄을 그대로 한국어로 입력해도 동작합니다. 다만 결과 품질을 높이려면 다음 형식처럼 살을 붙여 입력하는 편이 좋습니다.

회식비 N분의 1 자동 계산기를 만들어줘.
- 인원 수, 총 금액, 1인당 추가 부담금을 입력
- 1인당 금액을 큰 글씨로 표시
- 모바일에서도 잘 보이게
- 한국어 UI

엔터를 누르면 약 30초에서 2분 안에 동작하는 웹앱이 화면 오른쪽에 미리보기로 나타납니다. 첫 결과가 기대와 다르더라도 당황할 필요가 없습니다. 다음 단계에서 고쳐나가면 됩니다.

3단계, 결과물 확인하고 한 가지씩 수정 요청하기

미리보기에서 동작을 확인한 뒤, 마음에 들지 않는 부분이 있다면 채팅창에 "1인당 금액 폰트를 더 크게 해줘", "버튼 색을 주황색으로 바꿔줘" 처럼 한 가지씩만 요청합니다. 한 번에 다섯 가지를 바꿔달라고 하면 AI도 사람도 어디가 무엇 때문에 변했는지 추적하기 어려워집니다. 한 요청, 한 변경, 한 검증. 이 리듬이 결국 가장 빠릅니다.

4단계, 배포 링크 받아서 친구에게 공유하기

결과물이 마음에 들면 화면 우측 상단 Deploy 버튼을 누릅니다. Bolt.new는 Netlify와 연동되어 있어 클릭 한 번으로 배포가 완료되고, https://...netlify.app 형태의 공개 URL이 발급됩니다. 이 링크를 카카오톡으로 친구에게 보내고 "내가 오늘 만든 거 한번 써봐"라고 말해보면, 그 순간이 바로 "메이커"가 되는 첫 경험이 됩니다.

5단계, 무엇을 배웠나 한 줄로 기록

앱이 동작했다고 끝이 아닙니다. 옵시디언이든 메모장이든 오늘 배운 것을 한 줄로 기록해두는 게 핵심입니다. "프롬프트에 '모바일에서도 잘 보이게'를 넣으면 자동으로 반응형이 적용된다." 이런 기록이 쌓이면 나만의 프롬프트 라이브러리가 되어 다음 프로젝트 속도가 훨씬 빨라집니다. 지식 관리 측면에서 더 체계적으로 접근하고 싶다면 Obsidian Mind 설치부터 첫 세션까지, Claude Code 볼트 셋업 완전 가이드가 출발점으로 적당합니다.

다음 단계, 무료 IDE Google Antigravity

Bolt.new로 작은 앱을 5개에서 10개쯤 만들어봤다면, 다음 단계로 넘어갈 준비가 된 겁니다. 브라우저 기반 도구는 빠르고 쉽지만, 프로젝트가 조금만 복잡해져도 한계에 부딪힙니다. 파일이 많아지면 컨텍스트가 끊기고, 토큰이 빨리 소진되며, 진짜 "내 컴퓨터"에 코드를 두고 다루기 어렵습니다.

이 시점에 유력한 선택지가 Google Antigravity입니다. 2025년 11월 18일 Gemini 3 출시와 함께 발표된 에이전트 우선(agent-first) IDE로, 현재 개인 사용자에게 무료로 제공되며 macOS, Windows, Linux를 모두 지원합니다. 경쟁 도구인 Cursor가 월 20달러 구독을 요구하는 상황에서, 카드 등록 없이 바로 써볼 수 있다는 점이 입문자에게 큰 장벽 해소가 됩니다.

Antigravity는 두 가지 화면을 제공합니다. Editor View는 VS Code와 비슷한 친숙한 코드 편집 화면입니다. Manager View는 작업을 던져두면 AI 에이전트가 알아서 처리하는 "관제탑" 같은 화면입니다. Manager View에서는 최대 5개의 에이전트를 병렬로 작동시켜 각각 별도 워크스페이스에서 작업을 처리할 수 있습니다. 큰 작업을 쪼개서 동시에 여러 개를 굴리고 싶을 때 유용합니다.

비개발자 입장에서 특히 매력적인 부분은 브라우저 자동 검증 기능입니다. AI가 만든 화면을 직접 클릭하고, 폼을 채우고, 결과를 영상으로 녹화해 "이게 정말 동작하는지"를 사람 대신 확인해줍니다. 앞서 언급한 "동작하니까 됐다"의 위험을 AI가 한 번 더 걸러주는 셈입니다.

Antigravity Manager View, 여러 에이전트가 병렬 작업하는 화면

종착역, Claude Code가 받는 평가

Bolt.new로 효능감을 얻고, Antigravity로 본격적인 프로젝트를 다뤄봤다면, 마지막 단계는 Claude Code입니다. "비개발자에게 터미널 기반 도구는 너무 어렵지 않을까?"라는 우려가 들 수 있습니다. 그런데 2026년 2월 Pragmatic Engineer가 906명의 소프트웨어 엔지니어를 대상으로 실시한 설문조사 결과가 인상적이었습니다. Claude Code가 46%의 "most loved" 비율로 가장 많이 사용되는 AI 코딩 도구로 꼽혔다는 수치입니다.

현업 전문가들이 가장 사랑하는 도구. 이 표현이 과장이 아니라는 건 실제 써보면 이해가 갑니다. Claude Code가 장기적으로 권장되는 이유를 몇 가지로 정리하자면 이렇습니다.

CLAUDE.md로 "내 컨텍스트"를 영구 보존

프로젝트 폴더에 CLAUDE.md라는 파일 하나만 만들어두면, Claude Code는 매 세션 시작 시 이 파일을 읽어 "이 프로젝트의 규칙, 컨벤션, 자주 하는 실수"를 모두 기억합니다. Bolt.new에서 매번 같은 설명을 반복하는 수고가 사라집니다. 이 파일을 효과적으로 쓰는 법이 궁금하다면 Obsidian Mind CLAUDE.md 작성법, AI가 볼트를 이해하는 운영 매뉴얼 설계를 참고하시면 됩니다.

MCP 서버로 외부 도구와 직접 연결

MCP(Model Context Protocol)는 Claude Code가 Notion, Slack, Google Drive, GitHub 같은 외부 서비스와 직접 대화할 수 있게 해주는 표준 프로토콜입니다. "Notion에 있는 회의록을 요약해서 Slack에 올려줘" 같은 워크플로를 자연어 한 줄로 자동화할 수 있게 됩니다.

Skills로 반복 작업을 "한 번 가르치고 평생 쓰기"

Claude Skills는 특정 작업의 절차를 폴더 단위로 정리해두면, Claude가 매번 일관된 방식으로 그 작업을 수행하게 만드는 기능입니다. "블로그 글 쓰는 방식", "회사 보고서 양식", "내 코드 리뷰 체크리스트" 같은 것을 한 번 정의해두면 영원히 재사용됩니다.

세 도구를 한 표로 정리하면 이렇게 됩니다.

단계	도구	강점	한계
입문	Bolt.new	설치 불필요, 브라우저만 있으면 시작	큰 프로젝트에서 컨텍스트 한계
과도기	Antigravity	무료, 5개 에이전트 병렬, 브라우저 검증	VS Code 기반 학습 필요
종착역	Claude Code	전문가 46% 선택, MCP 및 Skills 생태계	유료 구독, 터미널 친화 필요

결론적으로 비개발자가 바이브 코딩으로 진짜 "메이커"가 되고 싶다면, Bolt.new에서 시작해 Antigravity를 거쳐 Claude Code에 안착하는 깔때기 경로가 가장 효율적입니다. 각 단계에서 충분히 손에 익을 시간을 갖고 다음으로 넘어가는 리듬이 결과적으로 가장 빠릅니다.

실전에서 자주 부딪히는 문제들

Git 백업 없이 무한 수정

AI에게 계속 수정을 시키다 보면 어느 순간 "어, 어제는 분명 동작했는데 오늘은 안 되네?" 하는 상황이 생깁니다. 주요 변경 시점마다 GitHub에 백업을 두는 습관이 필요합니다. Bolt.new와 Antigravity 모두 GitHub 연동을 지원합니다.

API 키와 비밀번호를 코드에 그대로 적기

AI가 만든 코드에 API 키를 직접 넣고 GitHub에 올리는 사고가 의외로 자주 일어납니다. 환경 변수(.env 파일)를 사용하고, .gitignore에 반드시 추가하도록 AI에게 명시적으로 요청하는 편이 안전합니다. 이 지점을 놓치면 클라우드 계정에 엉뚱한 청구서가 날아오는 경험을 하게 됩니다.

"동작하니까 끝"으로 보안 검증 생략

로그인, 결제, 개인정보 입력이 들어가는 앱은 비개발자 혼자 검증하기 어렵습니다. 이런 영역은 프로토타입까지만 바이브 코딩으로 만들고, 실제 서비스화 단계에서는 전문가의 보안 리뷰를 거치는 편이 훨씬 안전합니다. 사고가 난 다음 수습하는 비용이 처음부터 전문가 검토를 거치는 비용보다 훨씬 큽니다.

기술 부채 누적

바이브 코딩은 초기 프로토타이핑에 강력하지만, 같은 방식으로 수개월간 누적된 코드는 점점 유지보수가 어려워집니다. 어느 정도 규모가 커지면 코드 구조를 정리하는 시간을 의도적으로 갖는 것이 필요합니다. "일단 돌아가게 하기"와 "지속 가능하게 만들기"는 다른 작업입니다.

자주 받는 질문들

정말로 코딩을 한 줄도 몰라도 시작할 수 있나요?

네, 가능합니다. Bolt.new나 Lovable 같은 도구는 자연어 프롬프트만으로 동작하는 웹앱을 만들어줍니다. 다만 결과물을 점점 발전시키려면 HTML, CSS, JavaScript의 기본 개념을 조금씩 익혀두는 것이 도움이 됩니다. 첫 한 달은 "만드는 재미"에만 집중하고, 두 번째 달부터 용어를 하나씩 공부하는 순서를 권장합니다.

Bolt.new는 완전히 무료인가요?

일일 무료 토큰이 제공됩니다. 가벼운 실습은 무료로 충분하지만, 본격적인 프로젝트나 큰 앱을 만들려면 유료 플랜이 필요할 수 있습니다. 가격 정책은 변경될 수 있으니 공식 사이트에서 확인하시는 것이 정확합니다.

Antigravity가 무료인데 왜 결국 유료 Claude Code로 넘어가야 하나요?

Antigravity의 무료 프리뷰는 사용자 확보를 위한 한시적 정책입니다. 또한 현업 전문가들이 가장 많이 선택하는 도구는 여전히 Claude Code이고, MCP와 Skills, CLAUDE.md 같은 생태계가 가장 성숙해 있습니다. 처음에는 무료 도구로 감을 잡고, 본격적인 작업은 Claude Code로 넘어가는 것이 효율적입니다.

AI가 만든 코드의 저작권은 누구에게 있나요?

현재 한국과 미국의 다수 견해는 "AI 단독 생성물은 저작권 보호 대상이 아니지만, 사람의 창의적 기여가 충분한 결과물은 보호받을 수 있다"는 쪽입니다. 다만 학습에 사용된 코드의 저작권 이슈가 남아있어, 상업적 활용 전에는 라이선스 검토를 권장합니다.

만든 앱을 진짜 서비스로 출시할 수 있나요?

간단한 도구나 사내 자동화 수준은 충분히 가능합니다. 다만 결제나 회원관리, 개인정보처리가 들어가는 본격 서비스는 보안 검증과 인프라 운영 노하우가 추가로 필요합니다. 프로토타입은 바이브 코딩으로, 운영은 전문가 협업으로 분리하는 방식이 현실적입니다.

마무리

바이브 코딩은 "코딩의 종말"이 아니라 "메이커의 시대"의 새 국면에 가깝습니다. 비개발자가 자신의 도메인 전문성을 코드로 풀어내는 가장 빠른 길이고, 그 출발점이 Bolt.new, 도착점이 Claude Code라는 점만 기억해두면 됩니다. 가장 중요한 건 오늘 당장 한 줄짜리 앱이라도 만들어보는 것입니다. 첫 결과물을 친구에게 보여주는 그 순간의 즐거움이, 다음 학습의 가장 강력한 연료가 됩니다.

이 글을 읽고 어떤 첫 앱을 만들어보셨는지, 혹은 어느 단계에서 막히셨는지 댓글로 남겨주시면 가능한 범위에서 프롬프트 팁을 함께 나눠드리겠습니다. 같은 고민을 하고 계실 비개발자 지인에게도 도움이 된다면 공유해 주세요.

함께 읽어보면 좋은 글

• Claude Code 설치 가이드, 터미널 첫 세션까지 30분 완성
• Obsidian Mind CLAUDE.md 작성법, AI가 볼트를 이해하는 운영 매뉴얼 설계
• 2026년 Obsidian Mind 핵심 기능 정리, 엔지니어를 위한 AI 볼트 템플릿

이 블로그는 Google 애드센스를 통해 광고 수익을 얻을 수 있습니다. 자세한 내용은 개인정보처리방침을 참고하세요.

이 글은 2026년 4월 15일 기준으로 작성되었습니다. 최신 정보는 각 공식 사이트에서 확인하시기 바랍니다.