가장 완벽한 바이브코딩 로드맵: 11개 프로젝트로 Antigravity 부터 나노바나나 활용까지! (번들 제외)
비전공자를 위한 완벽한 바이브코딩 개발 툴!
이제 바이브코딩 툴 고민은 더 하면 시간 낭비입니다.
이제 바이브코딩 툴 고민은
더 하면 시간 낭비입니다.
여기서 잠깐!
정진호 강사님이 알려주는 구글 안티그래비티로 '가장 쉬운' 바이브코딩 미리보기!
여기서 잠깐!
정진호 강사님이 알려주는 구글 안티그래비티로 '가장 쉬운' 바이브코딩 미리보기!
로드맵을 마치면
‘실제 운영 가능한 웹 사이트’를 개발할 수 있어요!
바이브코딩 ‘입문’ 강의이지만, 결과물은 개발자도 놀랄 수준!
Antigravity 로 나만의 아이디어를 서비스로 실현해보세요!
01. 바이브코딩 로드맵
바이브코딩을 하며 ‘왜 안 되지?’ 그리고 ‘이건 왜 되지?’ 하는 의문이 더 이상 들지 않도록,
비전공자라도 꼭 알아야만 하는 모든 개발 기초 개념들을 꼼꼼하게 담은 로드맵입니다.
12년차 개발자이자 12년차 비개발자
정진호님의 갓벽한 바이브코딩 로드맵 커리큘럼!
어디서도 이런 바이브코딩 강의는 처음보실걸요?
02. 11가지 프로젝트
익숙한 크롬 공룡 게임부터, 실생활에 바로 쓰는 도구들, 비즈니스를 고려한 실전서비스까지!
11개의 프로젝트 중심으로 다양한 사례를 통해 바로 써먹을 수 있는 강의입니다.
대표 프로젝트 1. 크롬 공룡 달리기
대표 프로젝트 2. 온라인 롤링페이퍼
대표 프로젝트 3. 나만의 레시피북
대표 프로젝트 4. 디오라마 생성기
바이브코딩의 재미를 제대로 느끼게 만들어줄
무려 11가지 프로젝트들이 기다리고 있어요!
안티그래비티 200% 잘 쓰는 방법?
가장 최신의 나노바나나부터 직접 서버를 구축하는 방법까지!
제대로 알려드릴게요
모델 선택이 자유로워요! Gemini 3 Pro, 최근 출시된 Gemini 3 Flash, 그리고 클로드 코드처럼 개발을 잘하게 되는 Claude Opus 4.5까지 모두 무료! (Tip ▼)
비전공자가 바이브코딩을 처음 시작하는 경우라면 Antigravity를 강력하게 추천합니다!
*만일 이미 익숙한 개발 도구가 있다면(ex. Cursor AI, Kiro 등) 손이 익은 도구를 사용해도 좋아요.
03. Antigravity와 찰떡궁합
❶ 나노바나나 활용
구글 안티그래비티의 최대 장점은 구글의 다양한 AI 모델을 쓸 수 있다는 점이에요!
바로 최근 가장 핫한 나노바나나, 제미나이 3 Flash 등이죠! (click)
최근 이미지 생성 AI 중 가장 핫한 나노바나나가도 구글의 서비스란 것 아시나요?
Antigravity 최고의 장점은 나노바나나와 매끄럽게 연동되어
코딩 도중에 나노바나나로 즉시 이미지 생성을 한다는 거예요! 심지어 수정까지 가능해요!
그렇기 때문에 프론트엔드 즉, 비쥬얼 적인 부분을 구현할 때
타 IDE 보다 훨씬 높은 퀄리티의 결과물을 뽑아낼 수 있어요!
안티그래비티 안에서 나노바나나로 이미지를 생성하고 심지어 수정까지 가능해요!
모든 실전 프로젝트에서는 특히 나노바나나를 활용해
이렇게 디자인까지 완성도 높은 바이브코딩 결과물 만들기를 연습할거예요!
마음껏 연습할 수 있도록, 적절히 비용을 관리하는 방법까지 가이드 드릴테니 걱정 말아요!
(위 예시: 시네마틱 3D 디오라마 30개 만들었을 때 약 2,800원)
❷ AWS 클라우드 연동
클라우드 지식이나 경험이 없는 초보자를 위해 AWS가 설계한 입문용 서비스, Lightsail
나만의 도메인/서버를 갖고 싶다면, 가장 쉽고 빠르게 시작해보세요! (click)
우리 강의는 나만의 서비스를 만들어 나만의 도메인으로 서비스를 공개하는 것을 목표로 합니다.
예를 들어 `IP주소 - http://13.125.234.56` 나 `플랫폼 종속 - http://vercel.xxxx` 이 아닌
`https://myservice.com` 과 같이 나만의 커스텀 URL을 갖게 됩니다.
이 때 도메인 등록, DNS 설정, HTTPS 인증서 설치까지 완료해
제대로된 실전 서비스를 완성합니다.
특히, 내 도메인 위에 직접 올려 검색엔진에 노출까지되면
브랜딩, 사업 측면에서 큰 장점을 갖습니다!
※ AWS 와 기타 배포 툴을 비교한다면?
Vercel이 배포와 서버 운영을 자동화
설정만 하면 바로 동작해 처음엔 편하지만,
→ 비전공자는 “에러발생”시 대처가 어려워요!
MySQL로 데이터베이스도 직접 연결해 보고
데이터 처리 로직을 직접 짜고 파일을 수정하니
→ 서버가 눈에 보이니, 비전공자도 안심할 수 있어요!
비전공자도 진짜 서비스를 개발하고 운영할 수있도록
서버 개념부터 이해시키는 바이브코딩 강의예요!
입문자라고 대~충 만든 서비스로 만족하라뇨?
진짜 서비스라면 꼭 필요한
로그인 시스템과 결제 시스템까지 만듭니다!
요즘 회원가입 할 때 소셜 로그인 기능 없으면
뒤로가기 버튼 누르지 않나요? 사용자에게 편리함을 선사하는 필수 기능!
비전공자도 OAuth 2.0 개념을 이해하고 로그인 서비스를 연동해봐요!
서비스는 만들었는데 결제 모듈은 어려워서 못 붙였다구요?
이젠 걱정마세요! PG사 API 연동으로 국내 결제와 해외 결제까지
차근 차근 따라하면 실패 없이 한방에! 결제 모듈을 완성해봐요.
결국 바이브 코딩의 끝은 비즈니스 가능한 서비스여야죠!
아마 결과물을 보면 개발자 분들도 놀랄거예요 :)
04. 강사 소개
전에 없던 탄탄한 ‘바이브코딩 로드맵’을 준비한 최고의 강사님을 소개합니다.
개발자로 12년 비개발자로 12년을 활동해 비전공자의 눈높이에 맞춤형으로 준비했어요!
현재는 디자이너, 일러스트레이터, 작가, 국립대 교수로 활동하고 있습니다.
20여년 전 처음 코딩을 접하고 밤낮 안 가리고 코딩하던 때의
그 설렘과 열정을, 바이브코딩을 처음 알게된 이후 다시금 느꼈습니다.
이제는 많은 분들이 바아브코딩을 통해 꿈을 현실로 만들어보시길 바래요!
'코딩 경험이 전혀 없어도 괜찮습니다!
AI와 함께하는 '바이브 코딩'은 기존의 어려운 코딩 방식이 아닌,
자연어로 대화하며 코드를 만들어가는 새로운 방식입니다.
중요한 것은 새로운 것에 대한 호기심과 창작 욕구입니다.
이 강의를 통해 여러분도 직접 웹서비스를 만들고, 배포하고,
운영하는 경험을 쌓으실 수 있습니다.
망설이지 말고 도전해보세요!
그간 ‘비전공자를 위한 바이브코딩 도구들’을
직접 만들고 아낌없이 나누어 왔어요!
강사님의 다른 활동들이 궁금하다면?
강사님께서 이번 강의를 듣는 수강생을 위해
무려 3가지 특별한 선물을 준비했어요!
05. 수강생 특별 혜택
한 번 들으면 영원히 팬이 될 수 밖에 없는 진호님의 찐-한 수강생 관리!
다른 강의에서는 절대 찾아볼 수 없는 특별케어로 완강까지 함께 달려봅시다.
한 번 들으면 영원히 팬이 될 수 밖에 없는
진호님의 찐-한 수강생 관리!
다른 강의에서는 절대 찾아볼 수 없는 특별케어로
완강까지 함께 달려봅시다.
초보자도 끝까지 완주할 수 있도록 강사님께서 직접 답변해주는 질의응답 게시판을 운영해요!
* 질의응답 커뮤니티는 패스트캠퍼스 강의장 내 커뮤니티에서 진행됩니다.
* 정진호 강사님의 답변은 영업일 기준 약 7일이 소요될 수 있습니다.
* 커뮤니티는 27년 12월 29일까지 운영됩니다.
비전공자도, 왕초보도, 4050도 누구나 바이브코딩을 쉽게 할 수 있도록! 유용한 6가지 자료를 몽땅 드려요!
비전공자도, 왕초보도, 4050도
누구나 바이브코딩을 쉽게 할 수 있도록!
유용한 6가지 자료를 몽땅 드려요!
26년 1월부터 6월까지 월간 세미나 운영
26년 1월부터 6월까지
월간 세미나 운영
강의에 못담은 바이브코딩 트렌드, 꿀팁등 특별 강의부터 수강생과 직접 소통하는 고민상담소까지!
강의에 못담은 바이브코딩 트렌드, 꿀팁등
특별 강의부터 수강생과 직접 소통하는
고민상담소까지!
* 세미나 운영 일정 | 1월부터 6월까지 매월 마지막 주 금요일 진행, 총 6회
* 세미나 타임 테이블 | 20:00~21:30 특강 세션, 21:30~10:30 고민상담소
* 주의 | 강사님의 일정에 따라 약간의 변동이 있을 수 있습니다.
질의응답 게시판에 듣고싶은 특강 주제를 남겨주세요!
바로 다음달 실시간으로 이해하기 쉽게 알려드릴게요 :)
이 강의를 수강해도 괜찮을까요?
이번 강의는 바이브코딩 경험이 전혀 없는 모든 사람들이 PC(Mac/Window 둘 다 가능) 와 구글 계정만 있다면 들을 수 있습니다. 유사한 내용을 제가 25년도 가을학기 디자인 학부생을 대상으로 강의를 했을 때에도 잘 따라왔습니다.
강의 중 중요한 개념은 제가 하나하나 다 자세히 설명드릴거예요. 그러니 코딩에 ㅋ도 모르고, 바이브코딩이 처음이어도 무리 없이 즐겁게 강의를 따라오실 수 있습니다 :)
또한 기초부터 차근차근 따라오실 수 있도록, 강의 커리큘럼 뿐만 아니라 부가자료나 세미나 등 다방면으로 많이 신경을 썼습니다. 강의를 따라 듣다 질문이 생기거나 오류가 나면 커뮤니티에 질문 남겨주세요! 최대한 빠른 시일내에 답변드리겠습니다.
모두 강의장 내 강의자료에서 링크 형태로 제공될 예정입니다 :) 5개의 부록은 1차 오픈일에 오픈될 예정이며, 마지막 ‘실습용 프롬프트 모음집’은 최종 오픈일에 오픈될 예정입니다.
2. 월간 세미나 특강 6회
월간 세미나는 26년 1월부터 6월까지 매월 마지막 금요일에 진행됩니다. (변동 가능)
특강 주제는 여러분이 많이 질문 주신 내용에 대해 필요한 보강 수업을 진행하거나 새로 업데이트 된 바이브코딩 툴이나 트렌드에 대해 진행할 수도 있고, 종종 설문지를 통해 여러분이 희망하시는 주제로 진행될 수도 있습니다. 자세한 내용은 세미나 진행 약 5일 전까지 안내드릴 예정입니다.
3. 온라인 고민상담소 6회
고민상담소는 세미나 특강 이후 이어서 진행할 계획입니다. 원활한 진행을 위해 실시간 세미나에 많이 참여하여 궁금한 점이나 어려운 점을 나누어주세요!
(26. 01 촬영일 기준)
CSS: CSS3
JavaScript: ES15
PHP: 8.3.15
MySQL: 8.4.3 LTS
Bitnami LAMP Stack: 8.4.1-0
Apache: 2.4.62
Linux: Debian 12
Antigravity (Google): 1.12.4
Google Gemini: Gemini 3 Flash
Nano Banana API: gemini-3-pro-image-preview
*25년 12월 기준 정보
* 툴이나 프로그램 사용 환경과 버전 업데이트, 정책 등에 에 따라, 가격 및 강의 내 화면(UI) 구성이나 기능이 실제 수강 시점과 다를 수 있습니다.
* 본 강의는 촬영 시점의 버전을 기준으로 학습 흐름과 개념 전달에 중점을 두었으며, 이후 버전 업데이트에 따른 내용 수정이나 추가는 제공되지 않습니다.
프로그램 안내 드립니다.
(2025. 12 기준)
· 제한: 일정량의 토큰(Token) 사용 후 모델 변경 / 사용 중지
· 리셋 주기: 약 2~4시간마다 리셋
2. AWS Lightsail – 3개월 무료
· 수강 가이드: 계정생성 후 3개월간 무료 사용 가능
· 강의 이후 운영: 월 5~12$ 요금제 사용을 추천
3. 이미지 생성 - 유/무료
· 유료 구글 API 사용: 장당 50~200원 (모델, 해상도에 따라 다름)
· Antigravity 이용: 무료 (사용량 제한 있음)
*유/무료 여부 및 가격은 각 서비스의 정책 변경에 따라 변동 될 수 있는 점 유의 부탁드립니다.