Chapter 1: 바이브 코딩이란?

"나는 코드를 한 줄도 모른다. 하지만 앱을 만들 수 있다."

이 문장이 허풍처럼 들리나요? 2026년 현재, 이것은 현실입니다. **바이브 코딩(Vibe Coding)**이라는 새로운 방식 덕분입니다.

여러분은 음악을 전공하고 있습니다. 작곡을 하고, Ableton을 다루고, TouchDesigner로 인터랙티브 퍼포먼스를 구상합니다. 그런데 갑자기 "코딩을 배워야 한다"고 하면 부담스럽죠. 걱정하지 마세요. 이 강의는 여러분 같은 사람을 위해 만들어졌습니다.

---

바이브 코딩이란 무엇인가?

**바이브 코딩(Vibe Coding)**은 AI에게 자연어(일상 언어)로 대화하며 코드를 작성시키는 방식입니다. 프로그래밍 문법을 외울 필요가 없습니다. 대신, 여러분이 원하는 것을 말로 설명하면 AI가 코드를 생성합니다.

이 용어는 AI 연구자 안드레이 카르파시(Andrej Karpathy)가 2025년 초에 처음 사용했습니다. 그는 이렇게 말했습니다:

"완전히 바이브에 몸을 맡기고, 지수적 사고를 받아들이고, 코드가 존재한다는 사실조차 잊어버린다."

---

왜 지금 배워야 하는가?

비전공자도 앱을 만들 수 있는 시대

불과 2년 전만 해도 웹 앱을 만들려면 최소 6개월의 코딩 학습이 필요했습니다. HTML, CSS, JavaScript, React, 서버, 데이터베이스... 배울 것이 산더미였죠.

2026년 현재, AI 코딩 도구들이 폭발적으로 발전했습니다. 이제 여러분이 해야 할 일은 단 하나입니다: 내가 무엇을 만들고 싶은지 명확하게 설명하는 것.

이것은 마치 음악에서 일어난 혁명과 비슷합니다.

음악과 기술의 교차점

특히 여러분처럼 MediaPipe + Ableton/TouchDesigner 조합에 관심 있는 사람에게 바이브 코딩은 강력한 도구입니다:

• MediaPipe: 구글이 만든 AI 라이브러리로, 카메라로 손/몸/얼굴을 실시간 추적합니다
• Ableton Live: 여러분이 이미 잘 아는 음악 제작 소프트웨어
• TouchDesigner: 인터랙티브 비주얼/미디어 아트 도구

이 세 가지를 연결하면? 손짓으로 음악을 연주하는 인터랙티브 퍼포먼스를 만들 수 있습니다. 그리고 그 "연결"을 바이브 코딩으로 할 수 있습니다.

---

이 강의에서 만들 것

이 커리큘럼을 끝까지 따라오면, 여러분은 두 가지를 만들게 됩니다:

1. MediaPipe 제스처 컨트롤러

카메라 앞에서 손을 움직이면 MIDI 신호가 생성되어 Ableton이나 TouchDesigner를 제어하는 웹 앱입니다.

• 손가락 펼침 → MIDI CC 값 변경 (예: 필터 cutoff)
• 손 높이 → 볼륨 또는 이펙트 파라미터
• 주먹 쥐기 → 노트 트리거

2. 포트폴리오 홈페이지

여러분의 음악 작업, 공연 영상, 인터랙티브 작품을 보여주는 개인 웹사이트입니다. 독일 음대 졸업 후 취업이나 레지던시 지원할 때 필수적인 온라인 포트폴리오죠.

---

바이브 코딩 도구 3대장

2026년 현재, 터미널에서 사용할 수 있는 대표적인 AI 코딩 도구는 세 가지입니다. 각각의 특성을 음악에 비유해서 알아봅시다.

GPT Codex CLI (OpenAI)

GPT Codex는 ChatGPT를 만든 OpenAI의 터미널 도구입니다. ChatGPT Pro Plan 구독자라면 바로 사용할 수 있습니다.

• 장점: ChatGPT 생태계와 통합, 넓은 지식 범위
• 사용 조건: ChatGPT Pro Plan 구독 ($20/월)
• 설치: npm install -g @openai/codex

Claude Code (Anthropic)

Claude Code는 이 글을 쓰고 있는 Claude를 만든 Anthropic의 도구입니다. 코드 품질과 긴 문맥 이해에 강점이 있습니다.

• 장점: 긴 컨텍스트(100만 토큰), 코드 품질, 신중한 응답
• 사용 조건: Claude Max Plan 구독
• 설치: npm install -g @anthropic-ai/claude-code

Gemini CLI (Google)

Gemini CLI는 구글의 Gemini 모델을 터미널에서 사용하는 도구입니다. Google 생태계와의 연동이 강점입니다.

• 장점: 무료 사용 가능 (Google 계정), 멀티모달 입력
• 사용 조건: Google 계정 (무료)
• 설치: npm install -g @google/gemini-cli

3대장 비교

---

전통적 코딩 vs 바이브 코딩

바이브 코딩이 기존 코딩과 어떻게 다른지 구체적으로 비교해봅시다.

전통적 코딩 방식

1. 프로그래밍 언어 문법을 공부한다 (몇 주~몇 달)
2. 에러 메시지를 구글링한다
3. Stack Overflow에서 답을 찾는다
4. 코드를 복사-붙여넣기한다
5. 또 에러가 난다
6. 2~5를 반복한다

바이브 코딩 방식

1. AI에게 원하는 것을 설명한다
2. AI가 코드를 생성한다
3. 결과를 확인하고, 수정할 부분을 다시 설명한다
4. 완성될 때까지 대화를 반복한다

---

바이브 코딩의 핵심 원칙 다섯 가지

1. 명확하게 설명하라 (Be Specific)

"멋진 웹사이트 만들어줘" → 결과 예측 불가 "검은 배경에 흰색 글자로, 내 이름과 직업을 중앙에 보여주는 페이지 만들어줘" → 원하는 결과

2. 작게 시작하라 (Start Small)

한 번에 전체 앱을 만들려 하지 마세요. 버튼 하나, 소리 하나부터 시작하세요. 작곡할 때도 멜로디 한 프레이즈에서 시작하듯이.

3. 반복하라 (Iterate)

첫 결과가 완벽하지 않아도 됩니다. "여기서 색을 바꿔줘", "버튼을 더 크게 해줘" — 대화를 통해 점진적으로 개선하세요.

4. 맥락을 유지하라 (Keep Context)

AI는 대화의 흐름을 기억합니다. 관련 있는 작업은 같은 세션에서 이어가세요. 새로운 주제로 넘어갈 때만 새 세션을 시작하세요. (이 개념은 Chapter 4에서 자세히 다룹니다.)

5. 결과를 확인하라 (Verify)

AI가 만든 코드를 무조건 신뢰하지 마세요. 실행해보고, 눈으로 확인하고, 예상과 다르면 수정을 요청하세요.

---

준비물 체크리스트

다음 챕터로 넘어가기 전에, 이것들이 준비되어 있는지 확인하세요:

---

다음 챕터 미리보기

다음 챕터에서는 실제로 GPT Codex CLI를 설치하고 첫 실행을 해봅니다. 터미널이라는 "연습실"에 들어가서, AI라는 "연주 파트너"와 첫 대면을 하는 시간입니다.