프로그래밍 없이 앱을 만들 수 있는 시대
AI로 「누구나 아이디어를 곧바로 구현할 수 있는」 시대
AI 앱 제작자의 첫걸음을 내딛자
1장 생성형 AI로 나만의 앱 만들기
도입 - 프로그래밍을 못해도 앱 개발이 가능한 시대
생성형 AI를 활용하면 누구나 앱을 만들 수 있다
먼저 앱 제작에 필요한 준비를 해보자
1 생성형 AI로 앱을 만들 수 있다!
초보자도 정말로 앱을 만들 수 있을까?
먼저 흥미를 갖는 것이 중요하다
2 앱 제작에 필요한 기본 스킬은?
요건 정의를 할 수 있으면 만들 수 있는 범위가 넓어진다
AI의 기초 지식은 필요하다
3 앱을 만들 수 있는 AI는 어떤 것들이 있을까?
초보자가 사용해야 할 도구는?
웹 앱은 제작이 쉬운 것이 장점
4 앱 제작에 필요한 준비물을 갖추자
유료 플랜에 가입해야 하나요?
5 앱 제작에 필요한 도구를 사용할 수 있는 상태로 준비해 보자
Dify, Bolt 신규 가입하기
OpenAI API 준비하기
Gemini API 준비하기
Claude API 준비하기
column 다양한 상황에서 유용한 ChatGPT Plus 플랜의 편리한 기능
2장 일단 시작해 보는 나만의 AI 챗봇 만들기
도입 - 먼저 나만의 방식으로 커스터마이징한 챗봇 제작에 도전
목적에 맞는 챗봇 만들기
정보수집이나 프롬프트 작성에도 AI를 활용
1 나만의 봇을 만드는「커스텀 GPT」의 기본
챗봇을 간단히 만들 수 있다
직접 만든 챗봇을 공개하면?
2 먼저 「이런 걸 할 수 있으면 좋겠다」를 생각해보자
답변 방식과 지식을 자유롭게 설정할 수 있다
3 기본이 되는 데이터와 프롬프트를 준비하자
먼저 기본이 되는 데이터를 준비하자
프롬프트를 작성한다
4 커스텀 GPT를 만들어보자
커스텀 GPT를 생성한다
만든 챗봇을 테스트한다
5 만든 커스텀 GPT를 이용업데이트공개하자
만든 챗봇을 이용한다
이미 만든 커스텀 GPT를 업데이트한다
커스텀 GPT를 공개할 때는?
column 매일 사용할 수 있는 추천 AI 활용법
3장 즐겁게 도전! 자투리 시간에 쓸 수 있는 미니 앱 만들기
도입 - SNS 게시물 이미지 생성, 미니게임, 지금 원하는 앱을 AI로 실현
여러 기능을 결합한 앱 만들기
앱 내에서 생성형 AI 기능 활용하기
1 앱에 담을 기능을 「불편함」에서부터 생각해 보자
4가지 기능을 갖춘 앱 만들기
2 4가지 기능을 담은 「SNS 게시물 이미지 생성 앱」을 설계한다
우선은 ChatGPT로 프롬프트를 작성
3 실제로 작동시켜보며 문제점을 찾아보자.
작성한 커스텀 GPT의 동작을 체크하기
4 생각대로 동작하지 않는 부분을 수정해 나가자
프롬프트를 수정해 문제점을 해결한다
추가 수정을 진행한다.
5 Claude의 「아티팩트(Artifacts)」로 게임을 만들어 보자
채팅 지시만으로 웹 앱을 만들 수 있다
6 게임의 기본 규칙을 설계하자
AI로 짧은 시간 안에 게임을 제작
게임이 제대로 동작하는지 확인한다
7 API 연동으로 문제를 랜덤으로 출제하게 해봅시다!
API를 사용하여 출제 문제를 랜덤으로 출제하기
문제 해결을 위해 추가 지시를 내려 수정하기
8 만든 앱을 언제든지 사용할 수 있도록 하자
앱의 공개 링크 발행하기
만든 앱을 스마트폰에서도 이용할 수 있나요?
column 나만의 웹사이트를 AI만으로 만들기
4장 편리하다! 매일 쓸 수 있는 음성 일기 앱 만들기
도입 - AI 개발 플랫폼 「Dify」로 매일 사용할 수 있는 일기 앱 만들기
여러 작업을 연결해 앱을 만들 수 있다
외부 서비스와의 연동도 가능하다
1 Dify로 「음성 일기 앱」제작에 도전하자
「Dify」를 사용하면 작업을 자동화할 수 있다
기업에서도 폭넓게 사용되는 AI 도구
어떤 앱을 만들지 결정하자
2 앱에 음성 기능을 추가하자
음성을 일기로 만들기 위한 플로우 작성
[시작] 노드 설정하기
3 음성 데이터를 텍스트로 변환하기 위한 설정하기
[LLM] 노드에 음성 데이터 전달하기
4 LLM 모델을 연동하여 AI 처리를 실행 가능하게 만들기
Gemini 모델 추가하기
사용하고 싶은 모델 선택하기
OpenAI의 API 연동해 두기
5 텍스트 변환을 정리하여 일기로 출력하기
텍스트 변환 정리하기
모델을 선택하고 사용자 프롬프트 추가하기
시스템 프롬프트 생성하기
답변이 출력되도록 설정하기
6 앱을 테스트하고 공개 상태로 하기
「미리보기」에서 테스트하기
오류가 발생했을 때는 어떻게 하나요?
앱을 공개하고 확인하기
7 일기를 Notion에 저장하기 위한 환경 만들기
Notion에 저장소 만들기
플러그인을 설치하고 설정하기
8 Dify와 Notion을 연결하여 일기 저장하기
앱에 Dify 노드 추가하기
노드 설정 완료하기
9 오류 원인을 분석하여 앱 완성하기
Claude에게 오류 해결 방법 묻기
column 수많은 AI 정보, 어디서 얻고 있나요?
?
5 장 배우자! 리스킬링에 도움이 되는 앱 만들기
도입 - 기능과 사양을 지정해 본격적인 앱 제작에 도전하기
영어 학습에 도움이 되는 앱을 만든다
오류 수정에는 끈기가 중요하다
1 Bolt로 영어 단어 학습 앱을 만들기
본격적인 앱을 만들 수 있다
영어 학습에 도움이 되는 앱을 만든다
2 영어 단어 학습 앱의 기본 구조를 설계하기
텍스트 지시로 앱 설계를 한다
3 미리보기 화면에서 앱을 확인하고 수정하기
미리보기로 앱을 확인한다
추가 지시로 문제점을 수정한다
4 제작한 앱을 Bolt 호스팅에 공개하기
표준 공개 환경에 앱을 공개
5 공개 상태에서 앱을 테스트하고 수정하기
공개 URL부터 테스트한다
6 영어 단어를 AI로 생성해 출제되도록 하기
AI 생성으로 출제 단어의 다양성을 늘린다
7 오류를 수정해 앱을 완성하기
Bolt에 오류 수정을 지시한다
API 키를 변경해 재도전한다
8 해결되지 않는 오류의 원인을 찾으려면?
오류 수정을 원활하게 진행하려면?
맺음말 맺음말을 대신하여~ 미래의 AI 예측~