컴퓨터 잘해요? 코딩할 수 있어요?
사회학, 법학 전공
30년전 Qbasic, 20년전 HTML (코딩 아님)
윈도우, 오피스 설치 가능. LLM 개념 이해
부정확한 설명 (1000%) 있을 수 있음!
바이브 코딩이란?
전통적 코딩
컴퓨터가 이해할 수 있는 언어(C, Python, Java 등)를 사용하여 특정 목적을 달성하기 위한 문법 중심의 프로그래밍 과정
바이브 코딩 (Vibe Coding)
프로그래밍 언어의 문법에 얽매이지 않고, 자연어 형태의 의도와 기획(Vibe)만을 AI에게 전달하여 소프트웨어를 개발하는 새로운 패러다임
생태계 핵심 요소
바이브 코딩은 단일 도구가 아닌 여러 가지 컴포넌트의 결합입니다.
GPU 심장, 인프라
대규모 병렬 처리 연산을 통해 AI의 실시간 추론과 즉각적인 코드 생성을 가능하게 하는 인프라 핵심.
LLM 뇌, 추론의 중추
자연어 프롬프트를 분석하여 소프트웨어 아키텍처를 설계하고 로직을 짜주는 '수석 엔지니어'.
Tool 손, 작업실
Cursor, Antigravity 등 AI의 지능을 로컬 코드 영역으로 연결시켜 시스템 터미널 접근과 수정 자율 루프를 수행.
GitHub 금고, 타임머신
AI의 환각 등에서 발생하는 오류를 롤백할 수 있게 하는 형상 관리 및 서비스 업데이트의 '트리거'.
Vercel 무대, 배포
GitHub과 연동되어 코드 푸시 1~2분 만에 전세계에 서비스를 배포하는 초고속 퍼블리싱 플랫폼.
워크플로우
의도 전달 (Prompting)
기획안을 자연어로 툴(Cursor/Antigravity)에 지시합니다.
추론 및 생성 (LLM & GPU)
클라우드의 GPU가 연산하고, LLM이 수백 줄의 코드를 생성합니다.
적용 및 테스트 (Execution)
로컬 환경에 코드를 자동 작성하고 서버를 띄워 오류를 체크합니다.
저장 및 기록 (GitHub)
작동을 확인한 후 안전하게 클라우드 금고에 저장(Push)합니다.
자동 배포 (Vercel)
자동으로 코드를 빌드하여 전 세계가 접속할 웹사이트 URL을 돌려줍니다.
준비물 및 개념 차이
🛠️ 핵심 툴스택
Antigravity, Node.js, Python, VS Code, Git, GitHub, Vercel 등바이브 코딩 생태계를 구축하고, 코드를 생성·테스트·버전 관리·배포하기 위한 필수 프로그램과 언어들의 패키지입니다. 이정도 툴은 알고 있어야!
🤖 Gemini vs Antigravity
기능의 방향성: 추론 vs 실행Gemini는 자연어를 분석하고 코드를 추론 및 생성(두뇌)하는 역할을 수행하며, Antigravity는 해당 코드를 로컬 환경에 적용하고 직접 서버를 띄워 자율적으로 수정(손)하는 역할을 합니다.
⚡ AI 코딩 에이전트 툴 비교
Cursor, Antigravity, Claude Code어느 것을 써도 무방하지만, 초보자는 Antigravity가 가장 직관적이고 사용하기 편하다는 평가
코딩 첫 경험 & 실제 적용
✨ 바이브 코딩 첫 경험
- 영어단어 외우는 웹페이지 만들기
- Gemini에게 물어보면서 만들었음
- 시키는 대로 VS Code 사용
- 코드를 짜달라고 하고 그대로 복붙
- 놀랍게도 거의 한번에 만들어짐
- 기능 추가도 문제 없음
📊 법령동향 대시보드 프로젝트
- Compliance 업무 일환으로, 국내법무 팀별 최신 법령/규제 동향 1주일 단위 선정 공유
- 법령/행정규칙/판례 등과 주요 법률뉴스를 분야별로 업데이트하는 웹페이지 구축
- 사내 구성원들 사용을 위해 실제 인터넷에서 접속이 가능해야 하는 문제
- Vercel 통해 배포 가능! 그러나 사내 보안상 Vercel 도메인은 접속 불가 ㅠㅠ
3가지 인사이트
코딩하는 AI vs 그 외의 AI
바이브 코딩을 할 때 여러 AI 에이전트/모델이 각자의 특화된 역할을 수행합니다.
- 코딩과 추론은 완전히 별도의 기능입니다.
- 개발자(코더)로서의 AI: Antigravity와 Chat할 때, 개발 의도를 파악하고 파일에 접근해 직접 수정을 진행하는 능동적 에이전트 역할
- 컴퓨터(추론)으로서의 AI: 크롤링 결과 분석, 데이터 분류 등은 Gemini(또는 다른 LLM)가 진행하며, 인간은 그 결과만 검토/승인
- API Key 필요: Antigravity를 쓸 때는 구글 ID로 로그인하면 Chat 가능, 하지만 크롤링을 하려면 코드 내에 Gemini API Key 입력 필요
코딩 실력 향상? (X) 기획력의 성장이 핵심
복잡한 문법 대신, 본질적인 문제 해결 능력과 아이데이션이 핵심이 됩니다.
- 지식과 경험: 무작정 부딪혀 '해보기', 사례를 '따라해보기', 지식습득을 반복하는 것이 Best
- 상상력: 혼자만의 여유시간을 충분히 확보하여 요구사항을 상상, 기획 후 결과물을 수정하는 작업이 대부분
- 니즈(Needs): 실무에서 겪은 명확한 페인포인트와 수요가 '기획의 원천'
지시하지 않으면 고민하지 않는다
에이전트는 사람의 마음을 읽지 않습니다. 모든 것은 지시(Prompt)에서 시작됩니다.
- 지시가 세부적일수록 반환되는 결과물의 품질이 기하급수적으로 향상
- 무엇을 지시할지 스스로 고민하고, 필요성을 느끼고, 지식을 쌓는 과정이 반드시 필요
앞으로 어떻게 활용할까?
사내에서 운용
사내 GPU API를 활용하여
보안 환경 내 자체적인 운영 방안 모색 중
자주 묻는 질문 (Q&A)
Gemini API는 공짜인가요?
무료로 제공되는 API도 있지만, 토큰 사용량에 따라 유료사용이 필요할 수도 있습니다.
Antigravity는 공짜인가요?
프로그램 자체는 무료이며, chat(Agent AI) 기능도 일정량까지는 무료로 사용 가능합니다.
Antigravity와 Claude Code의 차이점?
Antigravity는 VS Code와 유사한 완전한 에디터 형태인 반면, Claude Code는 터미널 기반의 에이전트형 툴이며 전문가용입니다. [상세 비교표 보기]
프로젝트 완성까지 기간은 얼마나 걸렸나요?
기본적인 틀을 만드는 데는 3~4시간이면 충분하지만, 세부 수정과 업데이트에 더 많은 시간이 걸립니다. 따라서 처음에 상세하게 기획하는 것이 가장 효율적입니다.