바이브 코딩 with 구글 안티그래비티

[1장] 바이브 코딩 이해하기
1-1. 바이브 코딩은 무엇이고 왜 지금 배워야 하나?
1_ 바이브 코딩이란?
2_ 생성형 AI 이후 코딩의 규칙이 바뀌었다
3_ 지금 바이브 코딩을 배워야 하는 이유
1-2. 바이브 코딩은 어떻게 하나?
1_ AI를 '도구'가 아니라 '개발 파트너'로 활용한다
2_ 바이브 코딩을 실현하는 주요 도구와 모델
1-3. AI가 바꿀 소프트개발의 미래
1_ 개발자의 역할은 '코더'에서 '문제 해결사'로
2_ 코딩은 '전문 기술'에서 '기초 교양'으로 바뀐다

[2장] 안티그래비티 소개
2-1. 안티그래비티란?
1_ Agent Manager와 Editor를 분리한 UI
2_ 크롬 내장 브라우저를 활용한 자동 테스트 및 보고
3_ 다양한 MCP 연동
2-2. 안티그래비티 설치 및 실행
1_ 안티그래비티 설치
2_ 안티그래비티 실행
2-3. 안티그래비티 기본 사용법
1_ Inbox
2_ Workspaces
3_ Browser
4_ Settings
5_ Conversation 창

[3장] 바이브 코딩 무작정 시작하기
3-1. 자기 소개 페이지 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5_ 웹 사이트 배포
6_ 문제 해결
3-2. 컴퓨터와 대결하는 땅따먹기 게임 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5_ 문제 해결
3-3. 귀금속 실시간 가격 조회 사이트 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5_ 문제 해결
3-4. 복합 타이머 앱 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 개발환경 설정
4_ 코드 구현
5_ 실행 및 테스트
6_ 문제 해결

[4장] 바이브 코딩으로 멀티 프로그램 만들기
4-1. 1:1 실시간 채팅 사이트 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
4-2. 친구와 즐기는 포커 게임 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
4-3. 관심 있는 뉴스 자동 수집 사이트 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
4-4. 나만의 공유 드라이브 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트

[5장] 바이브 코딩으로 실용적인 서비스 만들기
5-1. 간단한 SNS 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5-2. 회원 관리 앱 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5-3. 1인 쇼핑몰 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트
5-4. AI를 활용한 영어 학습 프로그램 만들기
1_ 프로젝트 폴더 생성
2_ 프로젝트 개요와 기능 명세서 작성
3_ 코드 구현
4_ 실행 및 테스트

[6장] 바이브 코딩으로 전문 개발자 되기
1_ 자주 사용하는 컴퓨터 공학 용어 이해
2_ 관계형 데이터베이스
3_ 최소 한 가지 이상의 프론트엔드 프레임워크 구조 이해
4_ 최소 한 가지 이상의 백엔드 프레임워크 구조 이해
5_ UI/GUI 제작 방법 배우기
6_ 시스템 설계
7_ 컴퓨터 네트워크의 이해
8_ 보안