초보도 따라 하는 바이브코딩: 설치부터 웹·게임 만들기

AI로 만든 서비스가 안 될 때 "안 돼요"만 반복하고 있다면, 이 강의가 답입니다. 화면부터 서버 · 데이터 · 배포까지 요청 하나가 지나는 길을 따라가고, 개발자 도구로 어디서 막혔는지 직접 확인해 AI에게 정확히 고쳐 달라고 말하는 법을 배웁니다. 코드는 한 줄도 쓰지 않습니다.

코딩을 전혀 모르는 사람도 AI에게 우리말로 명령을 내려서, 나만의 주식 자동매매 프로그램을 만들 수 있게 됩니다!

바이브코딩 입문자에게 가장 완벽한 선택지 '안티그래비티' 코딩 지식 없어도, 3가지 실습으로 AI 웹서비스를 만들고 직접 배포하고 수익화까지 완성해볼 수 있습니다. ✔️코딩 없이 웹앱 3개 제작 ✔️ Vercel 배포 실습 ✔️ Google 애드센스 수익화 구조 이해

코딩을 몰라도 괜찮습니다. Claude·Codex 같은 AI에게 '잘 시키는 법'만 익히면 시네마틱 홈페이지, 모션그래픽 홍보영상, AI 숏드라마·광고, 내 목소리로 만드는 팟캐스트까지 혼자 다 만들 수 있어요. 실제로 만들어 쓰고 있는 결과물 키트 20여 종을 그대로 드리고, 폴더를 AI에게 넘겨 내 브랜드로 바꾸고 → 스크린샷 한 장으로 원하는 부분만 고치고 → Vercel 배포와 도메인 연결까지 끝내는 전 과정을 화면 그대로 보여드립니다. 2026년 10월 최신 AI(Claude Opus 5.5 · GPT-6.1 · Grok Build)로 녹화했고, 모델이 바뀌어도 그대로 통하는 흐름 위주로 설명합니다.

코딩 경험 없이 Codex로 8종 게임을 만들고 웹 공개·스토어 제출까지. 4주 권장 과정으로 내 속도에 맞춰 진행합니다.

JEV가 무엇인지부터 쉽게 배워요. TypeSafe AI Playground에서 판단 결과를 확인하고, 클로드코드에 말로 요청해 문장에 맞는 이모지를 추천하는 맥 앱을 만드는 과정을 따라갑니다. 가입·API 키 연결·GitHub 코드 공개까지, 5개 영상과 화면 캡처·복사할 프롬프트가 있는 학습자료로 함께 배웁니다.

10년차 뉴욕/LA 스타트업 테크리드 출신이 1만 명 넘는 수강생을 가르치며 다듬은 순서 그대로, 바이브코딩을 처음부터 체계적으로 알려드립니다. 제가 직접 운영하는 서비스 '카공맵'을 밑바닥부터 함께 만들며, 리서치부터 개발, 배포, 운영, 에이전트에게 개발을 맡기는 자동화까지 실제 흐름 그대로 배웁니다. 그리고 두 가지를 약속드립니다. 서비스가 어떻게 굴러가는지 큰 그림을 잡아 AI의 결과를 내가 판단하게 되는 것, 일의 순서와 기준을 환경에 남겨 AI가 매번 같은 결과를 내게 만드는 것. 내가 판단하고 AI가 말을 잘 들으면, 아이디어는 진짜 서비스가 됩니다.

코드 한 줄 몰라도, 오늘 떠올린 아이디어를 오늘 작동하는 웹 서비스로 배포합니다 구글 안티그래비티로 기획·디자인·기능·데이터·배포까지 한 번에 끝내는 실전 과정

코딩을 몰라도 괜찮아요. 플랜디로 아이디어를 기획서·메뉴 구조·화면설계로 정리하고, 그 기획 키트를 클로드 코드(웹)에 맡겨 동네 필라테스 예약 앱을 만듭니다. 회원가입·카카오 로그인·예약과 취소·회원권 횟수·관리자 화면까지 만들고, 실제 주소로 공개하는 과정을 처음부터 끝까지 따라 합니다.

AI는 딱 당신만큼만 훌륭합니다. AI 활용법 → 기초 핵심 지식 → 프로젝트 개발 3단계로 완성하는 완벽한 바이브 코딩. 바이브 코딩을 제대로 배워보고 싶은 분들을 위해, 어떤 AI를 사용하더라도 변하지 않는 핵심 개념들을 한 입 크기로 잘라 전달해 드립니다.

26년 9월 기준 업데이트는 링크(https://hanb.link/1blt) 확인을 부탁 드립니다. 책 출간 이후 새로 나온 기능까지 - 하네스 엔지니어링, Claude Design, 다이나믹 워크플로까지 단계별로 학습하고 싶다면, 한빛+ 25차시 실전 강의를 확인해 보세요. 🔍 한빛+ (hanbit.co.kr)에서 '혼자 공부하는 바이브 코딩' 검색 · 평생교육이용권 사용 가능 코딩을 몰라도 앱을 만들 수 있는 시대입니다. 아이디어만 있다면, 클로드 코드와 대화하며 원하는 기능을 구현할 수 있습니다. 이 책은 코드를 직접 작성하기보다, AI와 소통하며 원하는 결과를 이끌어내는 새로운 개발 방식을 소개합니다. 15개의 실습 프로젝트를 따라, 개인 웹페이지 제작부터 손글씨 인식, 퀴즈 앱, 이미지 기반 추천, AI 요약, 노션 자동화, 클라우드 배포까지 다양한 흐름을 AI와 함께 체험합니다. 단순한 예제 따라 하기가 아니라, 기획·설계·테스트·배포까지 실무 개발 전 과정을 AI와 협업하며 완주하는 경험을 제공합니다.

클로드 코드를 써 봤지만 내 일에 붙이기 막막했다면, 설치부터 프로젝트 3개, 최신 기능(opusplan·/goal·Mods), 하네스 엔지니어링까지 한 번에 배웁니다. 모든 기능을 켜기 전과 후로 직접 재 보며, 감이 아니라 숫자로 고르는 법을 익힙니다.

코딩 처음부터 내 웹 서비스 운영까지 한 번에?! 기본기와 실전을 하나로 잇는, 웹 빌드 올인원.

코딩을 한 번도 해보지 않으셨나요? 아니면 이미 실력이 좋으신가요? 내가 직접 만든 게임이 내가 직접 만든 홈페이지에 올라가 있다면, 멋지지 않나요? 그런 분들을 위해 이 강의를 준비했습니다.

비개발자들이 클로드 코드로 제대로 서비스 만들고 운영, 수익화까지 도달하는 법을 배우는 강의입니다. 비개발자, 초보 개발자들도, 클로드 코드를 상위 1% 개발자 수준으로 사용할 수 있도록 템플릿 레포지토리와 운영 노하우를 제공합니다. 클로드 코드로 서비스를 '제대로' 프로 개발자 수준으로 만들고 싶은 분들, 1인 사업이나 사이드프로젝트 수익화를 달성할 서비스를 만들고 싶은 분들, 클로드 코드 같은 ai agent로 돌아가는 건 만들었는데, 제대로 운영하는 노하우는 없어서 제자리 걸음인 분들, 혼자 해오던 프로젝트가 커지면서, 매번 새로운 기능 붙일때마다 버그가 계속 발생하고 통제가 되지 않아서 막막한 분들에게 특히나 큰 도움이 될 강의입니다. 수익화 기반을 만드는 방법에 대한 내용도 강의에서 함께 제공하고, 진짜 고객이 들어왔을때를 가정하고 서비스 운영 방법을 함께 제공합니다. 실서버에서 발생하는 에러 모니터링, 서버 상태 모니터링, 로그 모니터링 같은 모니터링 과정은 실제 고객이 생기고나면 필수입니다. 그런데 이 과정을 알려주는 곳이 생각보다 많지 않습니다. 제 강의에서는 실제로 이런 디테일하고 전문적인 운영노하우와 함께, Ai 가 해당 모니터링 지표와 데이터를 관측하고 적절한 조치를 취할 수 있도록 하는 방법까지 함께 제공합니다.

AI 시대, 코딩을 몰라도 됩니다. 중요한 건 개발 능력이 아니라 AI와 함께 일하는 능력입니다. 이 과정은 비개발 직장인이 Cursor AI를 활용해 반복 업무를 자동화하는 도구를 직접 만들어보는 실습 강의입니다. 엑셀 자동화, 문서 생성, 웹페이지 제작, 업무 대시보드까지 3시간 동안 단계별로 따라 하며 결과물을 완성합니다.

내가 자는 동안에도 스스로 개선하는 서비스를 만들어봅시다! Codex를 이용한 루프 엔지니어링으로 24시간 돌아가는 바이브코딩 시스템을 만드는 방법을 단계별로 차근차근 학습합니다.

코딩 처음부터 구글 플레이에 올리는 내 어플까지 한 번에?! 기본기와 실전을 하나로 잇는 앱 빌드 올인원.

이 강의에서는 Antigravity에 내장된 Browser MCP를 활용해 AI 에이전트가 실제 브라우저를 열고 웹을 조사·판단하는 구조를 실전으로 확인합니다. 단순 사용법이 아니라, Agent → Tool → Browser로 이어지는 실행 흐름과 MCP 기반 확장 구조를 이해하는 데 초점을 둡니다. 30분 안에 브라우저 자동화의 개념을 넘어, “AI가 웹을 도구로 사용하는 방식”을 구조적으로 정리합니다. https://antigravity.google/download