1강: 바이브 코딩이 뭔가요?
AI에게 방향만 알려주면 코드가 완성돼요
여러분은 이미 바이브 코더예요
운전을 하실 줄 아시나요?
운전을 할 줄 안다고 해서, 엔진의 피스톤이 어떻게 움직이는지 알 필요는 없잖아요. 변속기의 기어비가 뭔지, 연료분사 타이밍이 어떤 원리인지 모르셔도 됩니다. 핸들을 잡고, 네비게이션을 설정하고, 액셀을 밟으면 목적지에 도착해요.
바이브 코딩(Vibe Coding) 이 딱 그거예요.
차를 조립하는 방법은 모르지만, "어디로 가고 싶다"는 방향은 알고 있는 것. 그 방향만 AI에게 알려주면, AI가 코드를 짜서 목적지까지 데려다주는 개발 방식이에요.
바이브 코딩, 어디서 나 온 말이에요?
이 용어를 처음 만든 사람은 안드레이 카파시(Andrej Karpathy) 라는 분이에요. OpenAI(ChatGPT를 만든 회사)의 공동 창립자이자, 테슬라에서 AI를 이끌었던 분이죠. 2025년 2월, X(옛 트위터)에 이렇게 쓰셨어요.
"느낌에 완전히 몸을 맡기고, 코드가 존재한다는 사실조차 잊어버리는 새로운 코딩 방식이 있다."
원문은 "vibe coding"이라고 했는데, vibe는 "느낌, 분위기"라는 뜻이에요. 그러니까 바이브 코딩은 "느낌대로 말하면 AI가 만들어주는 개발 방식" 이라는 뜻이 됩니다. 이 단어는 2025년 콜린스 영어사전이 선정한 올해의 단어가 될 정도로 빠르게 퍼졌어요.
전통 코딩 vs 바이브 코딩
둘이 뭐가 다른지, 표로 한눈에 비교해 볼게요.
| 전통 코딩 | 바이브 코딩 | |
|---|---|---|
| 하는 일 | 코드를 직접 한 줄씩 타이핑 | AI에게 "이런 거 만들어줘" 라고 말하기 |
| 필요한 지식 | 프로그래밍 언어 문법, 알고리즘(문제 해결 절차) | 내가 뭘 만들고 싶은지 아는 것 |
| 비유 | 자동차를 직접 조립하는 엔지니어 | 네비에 목적지를 찍는 운전자 |
| 에러가 나면 | 코드를 읽고 직접 고침 | AI에게 에러 메시지를 보여주고 고쳐달라고 함 |
| 결과물 | 코드를 완전히 이해한 상태 | 결과물은 있지만, 코드 내부는 잘 모를 수 있음 |
전통 코딩이 나쁘다는 게 아니에요. 두 방식은 목적이 달라요.
- 전통 코딩: 대규모 서비스, 보안이 중요한 금융 시스템처럼 코드 한 줄 한 줄을 정확히 통제해야 하는 곳에 적합해요.
- 바이브 코딩: 아이디어를 빠르게 시험해보거나, 개인 프로젝트를 뚝딱 만들거나, "일단 돌아가는 걸 보고 싶다"는 상황에 딱이에요.
AI는 유능한 신입사원이에요
바이브 코딩에서 AI의 역할을 이해하려면, 유능한 신입사원 을 떠올리시면 딱이에요.
이 신입사원은요:
- 코딩 실력은 시니어급이에요. JavaScript(웹 프로그래밍 언어), Python(범용 프로그래밍 언어), CSS(웹 디자인 언어)... 뭐든 척척 짜요.
- 그런데 뭘 만들어야 하는지는 몰라요. "우리 회사가 뭘 필요로 하는지"는 여러분만 알고 있어요.
- 시키는 건 잘하지만, 알아서 하면 위험해요. 방향을 안 잡아주면 엉뚱한 걸 열심히 만들어놓고 "다 했습니다!" 할 수 있어요.
그래서 여러분의 역할은 크리에이티브 디렉터(Creative Director), 즉 감독이에요.
영화를 만들 때 감독이 직접 연기를 하진 않잖아요. 대신 "이 장면은 슬프게, 카메라는 여기서, 조명은 저렇게" 하고 방향을 잡아주죠. 배우(AI)는 그 방향에 맞춰서 자기 실력을 발휘하는 거예요.
감독(여러분) 이 하는 일:
- 뭘 만들지 결정하기
- 어떤 느낌이어야 하는지 설명하기
- 결과물을 보고 "이건 좋고, 저건 바꿔줘" 피드백 주기
배우(AI) 가 하는 일:
- 실제 코드를 작성하기
- 에러가 나면 고치기
- 여러 가지 방법 중 하나를 골라 실행하기
"알아서 해줘"가 위험한 이유
바이브 코딩의 가장 큰 함정이 바로 이거예요. AI에게 "알아서 해줘" 라고 한마디만 던지는 것.
실제로 이런 일이 벌어져요.
나쁜 예시: 방향 없이 시키기
자기소개 페이지 만들어줘
AI는 이 한 줄만 받으면 자기 마음대로 결정해야 해요. 이름을 뭘로 할지, 디자인을 어떻게 할지, 어떤 정보를 넣을지 전부 추측하는 거예요. 결과물이 마음에 안 들면 "이거 말고 저거로 바꿔줘" 를 수십 번 반복하게 되고, 시간도 낭비하고 결과물도 뒤죽박죽이 되기 쉬워요.
좋은 예시: 방향을 잡아주기
자기소개 페이지를 만들어줘.
- 3개 섹션으로 나눠줘: 인사말 / 경력 / 연락처
- 색상은 다크 배경에 시안 포인트
- 이름은 "홍길동", 직업은 "프리랜서 디자이너"
- 모바일에서도 깔끔하게 보여야 해
같은 요청인데, 결과물이 완전히 달라져요. AI가 추측할 여지가 줄어들수록, 여러분이 원하는 것에 가까워지거든요.
이걸 프롬프트(Prompt) 라고 해요. AI에게 주는 지시문이죠. 바이브 코딩에서 가장 중요한 스킬이 바로 이 프롬프트를 잘 쓰는 거예요. 코딩 실력이 아니라 "설명 잘 하는 능력" 이 핵심인 셈이에요.
직접 체험해 볼까요?
백 번 듣는 것보다 한 번 해보는 게 빨라요. 지금 바로 claude.ai 에 접속해서 따라해 보세요. 회원가입만 하면 무료로 쓸 수 있어요.
실험 1: 방향 없이 시키기
Claude 대화창에 아래 문장을 그대로 복사해서 붙여넣어 보세요.
자기소개 페이지 만들어줘
AI가 뭔가를 만들어줄 거예요. 결과를 잘 살펴보세요. 아마 이런 느낌일 거예요:
- 이름이 "홍길동" 같은 임의의 이름이거나
- 디자인이 너무 단순하거나, 반대로 너무 화려하거나
- 내가 원했던 것과는 좀 다른 구조
실험 2: 방향을 잡아서 시키기
이번에는 새 대화를 열고, 아래를 붙여넣어 보세요.
HTML(웹페이지를 만드는 뼈대 언어)과 CSS(웹페이지를 꾸미는 디자인 언어)를 써달라고 구체적으로 지정해 보세요.
HTML과 CSS로 자기소개 페이지를 만들어줘.
구조:
1. 히어로 섹션(페이지 맨 위 대문 영역) — 이름 "김다온", 한 줄 소개 "AI와 함께 만드는 사람"
2. 소개 섹션 — 3개 카드로: "바이브 코딩 교육", "AI 도구 큐레이션", "스타트업 컨설팅"
3. 연락처 섹션 — 이메일, GitHub, 링크드인 아이콘
디자인:
- 다크 배경 (#0a0a0a)
- 포인트 색상 시안 (#00e5ff)
- 폰트는 깔끔한 산세리프(삐침 없는 깔끔한 글꼴)
- 모바일 반응형(휴대폰 화면에서도 깨지지 않게)
파일 하나에 HTML과 CSS를 같이 넣어줘.
두 결과를 비교해 보세요. 같은 AI인데 결과물의 품질이 확연히 다를 거예요.
그 차이를 만든 건 코딩 실력이 아니라 방향을 얼마나 명확하게 전달했느냐 예요.
결과물 확인하는 방법
AI가 만들어준 HTML 코드를 직접 눈으로 확인하고 싶다면:
- AI의 응답에서 코드 블록을 복사하세요
- 컴퓨터에서 메모장(또는 아무 텍스트 편집기)을 열고 붙여넣기 하세요
- 파일 이름을
index.html로 저장하세요 - 저장한 파일을 더블클릭하면 브라우저에서 열려요
축하해요. 코드를 한 줄도 직접 짜지 않았는데, 웹페이지가 하나 만들어진 거예요.
이번 강에서 기억할 것
핵심만 정리해 볼게요.
-
바이브 코딩은 "느낌대로 말하면 AI가 코드를 짜주는" 개발 방식이에요. 안드레이 카파시가 2025년에 만든 용어예요.
-
차를 조립할 줄 몰라도 운전은 할 수 있어요. 코딩 문법을 몰라도, 뭘 만들고 싶은지만 알면 AI와 함께 만들 수 있어요.
-
AI는 유능한 신입사원이에요. 실력은 좋지만, 방향은 여러분이 잡아줘야 해요.
-
"알아서 해줘"는 가장 위험한 지시예요. 구체적으로 설명할수록 결과물이 좋아져요.
-
여러분의 역할은 크리에이티브 디렉터예요. 감독이 직접 연기하지 않듯, 여러분은 직접 코딩하지 않아요. 대신 방향을 잡아주고, 결과를 확인하고, 피드백을 주는 거예요.
다음 강에서는 첫 프로젝트를 실제로 시작하는 방법 을 다뤄볼게요. Claude Code(클로드 코드)라는 도구를 설치하고, 진짜로 돌아가는 무언가를 함께 만들어볼 거예요.
이런 분께 추천해요
바이브 코딩은 "코드를 몰라도 뭔가를 만들고 싶은 사람"을 위한 방식이에요.
- 아이디어는 있는데 개발자가 없는 1인 창업자 -- "이거 만들어보고 싶은데, 외주 맡기기엔 비용이 부담스러운" 분이라면 직접 AI와 함께 만들어볼 수 있어요.
- 업무 자동화가 필요한 직장인 -- 반복 작업을 줄여주는 간단한 도구를 만들고 싶은데 코딩을 배울 시간은 없는 분께 딱이에요.
- 코딩이 궁금했지만 문법에서 포기했던 분 -- 프로그래밍 입문 책 첫 장에서 멈춘 경험이 있다면, 바이브 코딩으로 다시 시작해 보세요.
참고 링크
- Andrej Karpathy의 원문 트윗: x.com/karpathy — vibe coding
- Claude AI (무료 체험): claude.ai
- 바이브 코딩 위키백과: Vibe coding — Wikipedia
- IBM의 바이브 코딩 해설: What is Vibe Coding? — IBM
▸개정 이력1건
- v12026-04-12초판
이 글이 도움이 되었나요?