처음 시작하는 바이브 코딩 (ChatGPT, 클로드, Dify, Bolt로 누구나 만들 수 있는 앱 제작 입문)

KEITO

[AI&WEBch]유튜버,「새로운AI활용을만든다」AI디렉터
ChatGPT나크리에이티브계열AI의정보와아이디어를발신하고있다.생성형AI를사용한업무효율화컨설턴트,AI활용어드바이저로서여러기업에참여중이다.YouTube채널구독자수는16만명을넘는다.이벤트발표,AI활용세미나,AI를활용한워크플로구축봇제작,SNS운영등폭넓은활동중

프롤로그-비개발자도「AI로앱제작」이당연한시대!?
프로그래밍없이앱을만들수있는시대
AI로「누구나아이디어를곧바로구현할수있는」시대
AI앱제작자의첫걸음을내딛자

1장생성형AI로나만의앱만들기
도입-프로그래밍을못해도앱개발이가능한시대
생성형AI를활용하면누구나앱을만들수있다
먼저앱제작에필요한준비를해보자
1생성형AI로앱을만들수있다!
초보자도정말로앱을만들수있을까?
먼저흥미를갖는것이중요하다
2앱제작에필요한기본스킬은?
요건정의를할수있으면만들수있는범위가넓어진다
AI의기초지식은필요하다
3앱을만들수있는AI는어떤것들이있을까?
초보자가사용해야할도구는?
웹앱은제작이쉬운것이장점
4앱제작에필요한준비물을갖추자
유료플랜에가입해야하나요?
5앱제작에필요한도구를사용할수있는상태로준비해보자
Dify,Bolt신규가입하기
OpenAIAPI준비하기
GeminiAPI준비하기
ClaudeAPI준비하기
column다양한상황에서유용한ChatGPTPlus플랜의편리한기능

2장일단시작해보는나만의AI챗봇만들기
도입-먼저나만의방식으로커스터마이징한챗봇제작에도전
목적에맞는챗봇만들기
정보수집이나프롬프트작성에도AI를활용
1나만의봇을만드는「커스텀GPT」의기본
챗봇을간단히만들수있다
직접만든챗봇을공개하면?
2먼저「이런걸할수있으면좋겠다」를생각해보자
답변방식과지식을자유롭게설정할수있다
3기본이되는데이터와프롬프트를준비하자
먼저기본이되는데이터를준비하자
프롬프트를작성한다
4커스텀GPT를만들어보자
커스텀GPT를생성한다
만든챗봇을테스트한다
5만든커스텀GPT를이용·업데이트·공개하자
만든챗봇을이용한다
이미만든커스텀GPT를업데이트한다
커스텀GPT를공개할때는?
column매일사용할수있는추천AI활용법

3장즐겁게도전!자투리시간에쓸수있는미니앱만들기
도입-SNS게시물이미지생성,미니게임,지금원하는앱을AI로실현
여러기능을결합한앱만들기
앱내에서생성형AI기능활용하기
1앱에담을기능을「불편함」에서부터생각해보자
4가지기능을갖춘앱만들기
24가지기능을담은「SNS게시물이미지생성앱」을설계한다
우선은ChatGPT로프롬프트를작성
3실제로작동시켜보며문제점을찾아보자.
작성한커스텀GPT의동작을체크하기
4생각대로동작하지않는부분을수정해나가자
프롬프트를수정해문제점을해결한다
추가수정을진행한다.
5Claude의「아티팩트(Artifacts)」로게임을만들어보자
채팅지시만으로웹앱을만들수있다
6게임의기본규칙을설계하자
AI로짧은시간안에게임을제작
게임이제대로동작하는지확인한다
7API연동으로문제를랜덤으로출제하게해봅시다!
API를사용하여출제문제를랜덤으로출제하기
문제해결을위해추가지시를내려수정하기
8만든앱을언제든지사용할수있도록하자
앱의공개링크발행하기
만든앱을스마트폰에서도이용할수있나요?
column나만의웹사이트를AI만으로만들기

4장편리하다!매일쓸수있는음성일기앱만들기
도입-AI개발플랫폼「Dify」로매일사용할수있는일기앱만들기
여러작업을연결해앱을만들수있다
외부서비스와의연동도가능하다
1Dify로「음성일기앱」제작에도전하자
「Dify」를사용하면작업을자동화할수있다
기업에서도폭넓게사용되는AI도구
어떤앱을만들지결정하자
2앱에음성기능을추가하자
음성을일기로만들기위한플로우작성
[시작]노드설정하기
3음성데이터를텍스트로변환하기위한설정하기
[LLM]노드에음성데이터전달하기
4LLM모델을연동하여AI처리를실행가능하게만들기
Gemini모델추가하기
사용하고싶은모델선택하기
OpenAI의API연동해두기
5텍스트변환을정리하여일기로출력하기
텍스트변환정리하기
모델을선택하고사용자프롬프트추가하기
시스템프롬프트생성하기
답변이출력되도록설정하기
6앱을테스트하고공개상태로하기
「미리보기」에서테스트하기
오류가발생했을때는어떻게하나요?
앱을공개하고확인하기
7일기를Notion에저장하기위한환경만들기
Notion에저장소만들기
플러그인을설치하고설정하기
8Dify와Notion을연결하여일기저장하기
앱에Dify노드추가하기
노드설정완료하기
9오류원인을분석하여앱완성하기
Claude에게오류해결방법묻기
column수많은AI정보,어디서얻고있나요?
 
5장배우자!리스킬링에도움이되는앱만들기
도입-기능과사양을지정해본격적인앱제작에도전하기
영어학습에도움이되는앱을만든다
오류수정에는끈기가중요하다
1Bolt로영어단어학습앱을만들기
본격적인앱을만들수있다
영어학습에도움이되는앱을만든다
2영어단어학습앱의기본구조를설계하기
텍스트지시로앱설계를한다
3미리보기화면에서앱을확인하고수정하기
미리보기로앱을확인한다
추가지시로문제점을수정한다
4제작한앱을Bolt호스팅에공개하기
표준공개환경에앱을공개
5공개상태에서앱을테스트하고수정하기
공개URL부터테스트한다
6영어단어를AI로생성해출제되도록하기
AI생성으로출제단어의다양성을늘린다
7오류를수정해앱을완성하기
Bolt에오류수정을지시한다
API키를변경해재도전한다
8해결되지않는오류의원인을찾으려면?
오류수정을원활하게진행하려면?

맺음말맺음말을대신하여~미래의AI예측~

이책은인터뷰어인사카이마리코님이던지는한가지질문에서출발합니다.“초보자도정말로앱을만들수있을까요?”프로그래밍을모르는사람이라면누구나한번쯤품어봤을이질문은,동시에시작을망설이게만드는가장큰이유이기도합니다.막연한두려움때문에아이디어를떠올리고도실행에옮기지못하는경우가많기때문입니다.
사카이마리코님역시독자와같은입장에서출발합니다.개발경험이없는상태에서,무엇을어떻게만들어야할지모르는상황그대로를보여주며이야기를이끌어갑니다.이과정에서중요한점은AI가앱을모두만들어준다라는것입니다.
ChatGPT,Claude,Dify,Bolt와같은다양한생성형AI도구를활용합니다.다소많아보일수있지만,AI디렉터KEITO님과사카이마리코님의대화를따라가며하나씩실행해보면복잡하게느껴졌던도구들이점점익숙해지고,각각의역할도자연스럽게이해하게됩니다.독자는단순히기능을배우는것이아니라,AI와협업하는흐름자체를경험하게됩니다.
실습과정도매우구체적이고흥미롭게구성되어있습니다.연애상담심리학챗봇,스도쿠앱,SNS게시이미지생성앱,음성일기앱,영어단어학습앱등다양한프로젝트를직접만들어보면서,프로그래밍지식없이도실제로동작하는서비스를완성하는경험을하게됩니다.단순한예제가아니라,실제로활용가능한수준의결과물을만들어본다는점에서성취감또한크게느낄수있습니다.
이책을따라가다보면어느순간‘정말내가앱을만들었나?’라는생각이들만큼자연스럽게결과물이완성되어있습니다.코드를배우지않아도,아이디어와질문만으로도서비스를만들수있다는경험은새로운가능성을열어줍니다.프로그래밍에대한막연한장벽을넘고,스스로무언가를만들어내는즐거움을느껴볼수있습니다.

■역자의말
이책은단순한기술서라기보다,생각을현실로옮기는과정을경험하게하는안내서에가깝습니다.생성형AI는누군가에게는낯선기술일수있지만,또다른누군가에게는오래마음속에품어온아이디어를실제로구현할수있게해주는도구가됩니다.이책이그시작점에서있는독자들에게방향과용기를함께제시해주기를바랍니다.