일상에 바로 쓰는 일잘러의 바이브 코딩 활용법

임재희,조효기,이정용

저자:임재희
KTIT부문UI/UX기획팀장으로재직중이며,현재AI에이전트관련UX기획을리딩하고있다.홍익대학교미술대학에서디자인을전공했고,《AX인공지능대전환》을집필했다.지적호기심이많아최신기술동향을탐구하던중바이브코딩을만났고,개발자의도움없이머릿속에있는아이디어를직접구현해내는즐거움에빠져있다.그경험을더많은비개발자와나누고자이책을썼다.

저자:조효기
KT전략실에서전사AX협업활성화와지원업무를담당하고있다.KAIST에서전산학을전공했고,20년간개발과영업관리,AIB2B사업,서비스기획을아우르는경력을쌓으며사내업무전문가로인정받았다.지금은비개발자동료들에게바이브코딩과AI도구활용노하우를전하고있다.

저자:이정용
KT전략실에서AX사업과조직간협업방향수립을지원하고있다.서강대학교에서기술경영학을전공했고,사업기획과상품개발업무를수행하며AX분야의전문성을다져왔다.《AX인공지능대전환》,《사물인터넷실천과상상력》등을집필했다.바이브코딩을경험하며누구나아이디어를직접구현할수있다는가능성을발견했고,배움과경험을나누며함께성장해가고있다.

CHAPTER01.구글AI스튜디오

브라우저에서시작하는가장쉬운바이브코딩

01구글AI스튜디오일단시작하기
___프롬프트몇번만에홈페이지뚝딱만드는방법
02복불복룰렛게임
___HTML,CSS,JavaScript,어려워보이는웹서비스도손쉽게개발하는방법
03MBTI성격유형테스트
___AI에게보내는상세요청서,PRD로서비스구체화하는방법
04수제쿠키주문사이트
___우리가게매출을높여주는초간단랜딩페이지만드는방법
05회사&브랜드홈페이지
___비용0원으로반응형홈페이지제작하는방법
06AI컬러링북메이커
___구글스티치로우리아이맞춤형컬러링북만드는방법
07AI프로필사진관
___포토샵없이도상황에꼭맞는프로필사진으로보정하는방법
08AI동화생성기
___사용자시나리오로웹서비스의퀄리티를높이는방법
09순공타이머
___로컬스토리지로데이터가저장되는웹서비스만드는방법

CHAPTER02안티그래비티

내컴퓨터에서일하는바이브코딩파트너

01안티그래비티일단시작하기
___AI가내컴퓨터에서코딩부터실행까지다하게만드는방법
02틀린그림찾기게임
___어려워보이는Next.js기반웹서비스도손쉽게개발하는방법
03AI이력서빌더
___인터넷에서실제URL로접속하는웹서비스만드는방법
04엑셀지옥탈출
___복잡한엑셀데이터를한눈에파악하는대시보드로만드는방법
05AI면접관
___멀티턴대화로프롬프트의맥락을반영하는방법
06AI드로잉변환
AI모델플랫폼으로웹서비스의확장성을높이는방법
07AI레시피추천
___사진한장으로냉장고속재료에딱맞는레시피추천받는방법
08AI칼로리다이어리
___데이터베이스로기록이남는AI서비스만드는방법
09취향밸런스게임
___실시간으로함께즐기는AI서비스만드는방법

CHAPTER03클로드코드

대화에서협업으로함께완성하는바이브코딩

01클로드코드데스크톱일단시작하기
___AI와팀프로젝트협업하는방법
02결혼식방명록
___데이터베이스연결로인터넷공개서비스만드는방법
03AI가계부
___다양한라이브러리조합으로실용적인AI서비스만드는방법
04점심메뉴추천어시스턴트
___구글맵연결로위치기반추천서비스만드는방법
05로또당첨번호분석기
___웹크롤링으로데이터자동수집하는방법
06관심주식대시보드
___외부API를활용해주식데이터불러오는방법
07AI챗봇상담원
___고객의신뢰를높이는나만의RAG챗봇만드는방법

APPENDIX코덱스미리보기

우주슈팅게임
___코덱스바이브코딩일단시작하는방법

바이브코딩,이제‘만들고싶은마음’이면충분합니다.
클로드코드,구글AI스튜디오,안티그래비티,코덱스로풀어낸진짜바이브코딩활용법

“이런서비스가있으면참좋을텐데.”한번쯤이런생각을해봤지만코딩은1도몰라포기한적이있다면?이제는AI와함께직접만들어볼수있습니다.바이브코딩은원하는것을말로설명하고,AI가코드를작성하면결과를확인하면서서비스를완성해가는새로운개발방식입니다.이책은어려운코딩문법을공부하는대신,흥미로운서비스를내손으로직접만들어보면서바이브코딩에필요한개념을자연스럽게익히는방식으로구성되어있습니다.

복붙하기만하면지금바로쓸수있는
일상맞춤형실전프롬프트26가지

처음부터복잡한서비스를만들지않습니다.간단한홈페이지와복불복룰렛게임부터MBTI테스트,쿠키주문페이지,반응형홈페이지까지26가지실전프로젝트에바로활용할수있는프롬프트를따라하며바이브코딩의기본흐름을익힙니다.이후데이터저장,데이터베이스,외부API연동,AI모델,웹크롤링,실시간기능,RAG챗봇등으로범위를넓혀실제서비스에가까운프로젝트까지단계적으로경험합니다.처음에는어렵게느껴지는개념도점심메뉴추천어시스턴트,로또당첨번호분석기처럼흥미롭고다양한서비스를직접완성해보는과정과함께하면훨씬쉽고재미있게배울수있습니다.

각실습에는그대로복사해입력할수있는프롬프트를담았습니다.프롬프트를입력하는데그치지않고,AI에게기능을설명하고→결과를확인하고→문제를해결하고→새로운기능을요청하는과정을반복하며,프롬프트를활용해서비스를완성하고발전시키는방법을자연스럽게익혀보세요.

4가지AI도구로익히는단계별바이브코딩

CHAPTER01.구글AI스튜디오

바이브코딩의기본흐름을가장쉽게익힐수있습니다.설치없이브라우저에서시작해홈페이지,게임,AI서비스등을만들고깃허브를통한배포까지경험합니다.

CHAPTER02.안티그래비티

내컴퓨터에서AI가코드를작성하고실행하는프로젝트단위의개발을시작합니다.데이터베이스와API를연결하며실제웹서비스가만들어지는과정을경험합니다.

CHAPTER03.클로드코드

AI코딩에이전트와함께프로젝트를발전시키며외부API,웹크롤링,실시간데이터,RAG챗봇등한층실제서비스에가까운기능을단계적으로익힙니다.

APPENDIX.코덱스

또다른AI코딩에이전트인코덱스를활용해우주슈팅게임을만들어봅니다.앞에서익힌바이브코딩방식을새로운도구에적용하며책의실습을마무리합니다.