바이브 코딩 with 구글 안티그래비티 - 코드 한 줄 몰라도 내 손으로 만드는 12가지 웹/앱 서비스

코드 한 줄 몰라도 누구나 따라할 수 있는 바이브 코딩!

대화 흐름을 따라가며 AI와 함께 만드는 나만의 서비스

이 책은 AI 기반 개발 도구인 구글 안티그래비티(Google Antigravity)를 이용하여 만들고 싶은 서비스를 스스로 개발하는 방법을 알려드립니다. AI와 대화하며 몸으로 익히는 개발 ‘바이브 코딩’을 경험하게 될 것입니다.

개발 경험이 없어도 시작할 수 있으며, 단계별로 12가지 웹/앱 서비스를 만듭니다. 이 책과 함께 서비스를 만들고 나면 나만의 아이디어를 가지고 서비스를 확장해 볼 수 있을 것입니다.

[목 차]
  

[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_ 보안