코드 한 줄 몰라도 누구나 따라할 수 있는 바이브 코딩!
대화 흐름을 따라가며 AI와 함께 만드는 나만의 서비스
이 책은 AI 기반 개발 도구인 구글 안티그래비티(Google Antigravity)를 이용하여 만들고 싶은 서비스를 스스로 개발하는 방법을 알려드립니다. AI와 대화하며 몸으로 익히는 개발 ‘바이브 코딩’을 경험하게 될 것입니다.
개발 경험이 없어도 시작할 수 있으며, 단계별로 12가지 웹/앱 서비스를 만듭니다. 이 책과 함께 서비스를 만들고 나면 나만의 아이디어를 가지고 서비스를 확장해 볼 수 있을 것입니다.
상세이미지
저자 소개
저자(글) 노성환
인물정보
개발자
부산대학교 컴퓨터 공학 학사 및 경영대학원 석사를 졸업했다. 기존에 없던 새로운 시스템, 서비스를 기획하고 스스로 개발하는 것을 좋아해서 서비스 개발을 시작했다. 모바일 개발, 백엔드 서비스 개발, 웹 프론트 개발, 데스크탑용 프로그램 개발 등 다양한 개발 범위의 업무를 하며 서비스 개발의 모든 과정을 경험하며 풀스택 개발자로 성장하였다. 현재는 기술 스타트업을 이끌며, AI에 외식 산업을 접목하여 주문 및 결제, 조리와 서빙 등의 서비스를 자동화하는 솔루션을 개발하고 있다.
목 차
[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_ 보안
출판사 서평
바이브 코딩의 핵심은 ‘흐름’입니다. 코드를 따라쳐야 한다거나 정해진 프롬프트를 입력해야 하는 것이 아니라, 대화 흐름을 따라가며 AI와 함께 방법을 찾아가는 것입니다.
코딩 경험이 없어도 누구나 기획부터 프로토타입, 배포까지의 개발 과정을 ‘AI와의 대화’를 통해 완성하는 경험을 얻을 수 있습니다.
★ 이 책을 통해 만들어 보는 12가지 웹/앱 서비스
1단계 | 혼자서 사용하는 단일 프로그램
간단한 웹 사이트나 모바일 앱을 개발하면서 바이브 코딩의 개발 흐름을 익힙니다.
__자기 소개 페이지, 컴퓨터와 대결하는 땅따먹기 게임, 귀금속 실시간 가격 조회 사이트, 복합 타이머 앱
2단계 | 네트워크를 이용하는 프로그램
네트워크를 이용하여 여러 사용자가 모여 소통하거나 콘텐츠를 업로드하는 프로그램을 만듭니다.
__1:1 실시간 채팅 사이트, 친구와 즐기는 포커 게임, 관심 있는 뉴스 자동 수집 사이트, 나만의 공유 드라이브
3단계 | 상용 서비스
네트워크 프로그램에서 한발 더 나아가, 사용자끼리 혹은 관리자와 사용자가 소통하고 다양한 정보가 오가는 복잡한 서비스를 핵심 기능만 담아 구현합니다.
__간단한 SNS, 회원 관리 앱, 1인 쇼핑몰, AI를 활용한 영어 학습 서비스
★ 이 책의 특징
- 바이브 코딩에 필요한 개발 지식, 학습하다 궁금하거나 막히는 점, 함께 알면 좋은 정보를 꼼꼼하게 정리했습니다.
- 학습 부담을 줄일 수 있도록 가능한 개발 흐름을 단일화해서 정리했습니다. 이 흐름을 자연스럽게 따라가면서 실습할 수 있습니다.
- 이 책의 마지막에는 전문 개발자 수준으로 나아가기 위한 학습 로드맵을 정리했습니다. 바이브 코딩의 세계에 좀 더 깊이 들어가고 싶은 분께 추천합니다.
★ 이런 분께 추천합니다!
- AI 활용 능력을 길러 스펙업을 하고 싶은 직장인/구직자
- 나만의 아이디어를 직접 구현하고 싶은 기획자/창업자
- 나만의 서비스를 만들고 싶은 사람
