[요약] NoCode로 20분 만에 ChatGPT 앱을 구축했습니다 :: with AI

> English Summary

 

[ 요약 ]

이 글은 오늘날 시장에서 경쟁력을 유지하기 위해 인공지능(AI)을 수용하고 활용하는 것이 중요하다는 점을 강조합니다.
기업들이 제품에 AI를 빠르게 추가함에 따라 이를 무시하는 기업은 불이익을 당할 가능성이 높습니다.
이 문서에서는 코드를 한 줄도 작성하지 않고도 OpenAI의 Chat GPT API로 구동되는 맞춤형 AI 앱을 만드는 방법을 보여드립니다.
단계별 튜토리얼에서는 Bubble을 사용하여 앱을 만들고, Chat GPT 플러그인을 추가하고, API와 연결하는 방법을 중점적으로 설명합니다.
이 글은 독자들이 AI 기술을 활용하여 제품을 개선하고 경쟁력을 유지할 수 있도록 장려합니다.
독자는 단계별 가이드를 따라 AI 앱을 만들라는 메시지가 표시됩니다.
이 튜토리얼에서는 저자가 Bubble과 Open AI를 사용하여 챗봇 API 연결을 만드는 방법을 설명합니다.
API를 가져오고, API 키를 교체하고, 연결을 테스트하는 방법을 설명합니다.
그런 다음 프롬프트를 사용자 지정하고 UX 디자인에 응답을 표시하는 방법을 보여줍니다.
목표는 다양한 사용자 프롬프트에 응답할 수 있는 기능적인 챗봇을 만드는 것입니다.
독자는 단계별 지침에 따라 Bubble 및 Open AI를 사용하여 자신만의 챗봇 API 연결을 만들어야 합니다.
이 문서에서는 오픈 AI API를 사용하여 코드 없이 채팅 프롬프트 상자를 만드는 방법을 보여줍니다.
이 과정에는 사용자가 프롬프트에 입력할 제목과 여러 줄의 입력이 있는 채팅 프롬프트 상자를 만드는 것이 포함됩니다.
사용자의 프롬프트를 제출하기 위한 버튼으로 텍스트 요소가 추가됩니다.
이 문서에서는 워크플로우를 편집하여 채팅 GPT API를 호출하고 사용자가 입력한 프롬프트에 따라 응답을 받도록 하는 방법에 대해 설명합니다.
텍스트 요소는 API에서 받은 응답을 표시하는 데 사용됩니다.
독자들은 이 문서를 따라 자신만의 채팅 프롬프트 상자를 만드는 것이 좋습니다.
이 문서에서는 Bubbles 앱의 텍스트 요소에 GPT API 호출의 응답을 표시하는 방법을 설명합니다.
여기에는 프롬프트용 그룹과 답변용 그룹 두 개를 만드는 것이 포함됩니다.
응답이 수신되면 프롬프트 그룹은 숨겨지고 응답 그룹은 표시됩니다.
답변 그룹 내의 텍스트 요소는 API 호출의 응답을 표시하도록 설정됩니다.
이 문서에서는 텍스트 요소의 콘텐츠 유형을 설정하는 방법과 '다른 질문하기' 버튼에 대한 워크플로우를 시작하는 방법도 다룹니다.
독자들은 제공된 단계별 지침을 따라 사용자처럼 앱을 테스트해 보시기 바랍니다.
이 튜토리얼에서는 저자가 Bubble 앱에서 다양한 그룹을 숨기고 표시하는 방법을 보여줍니다.
또한 입력 필드를 재설정하고 사용자 지정 상태를 사용하여 처리 애니메이션을 표시하는 방법도 보여줍니다.
Lottie Json 파일을 가져와서 답안 그룹의 디자인을 향상시키는 데 사용하는 방법도 포함되어 있습니다.
독자들이 직접 따라 해보시기를 권장합니다.
이 글은 논의된 모든 기능을 성공적으로 구현하는 것으로 마무리됩니다.
독자는 실험을 통해 자신의 Bubble 앱에 자신만의 개성을 더할 수 있습니다.
단 20분 만에 고급 인공 지능 기술이 적용된 맞춤형 소프트웨어를 만들 수 있습니다.
문제는 이 지식을 활용하여 꿈에 그리던 기술 비즈니스를 구축하시겠습니까?
그렇다면 비기술 기업가도 수익성 있는 기술 비즈니스를 구축하는 방법을 배울 수 있는 노코트 어드밴티지 아카데미를 확인해 보세요.
라이브 워크샵에 참석하고 특전과 할인 혜택이 제공되는 지원 커뮤니티에 가입하세요.
이와 같은 무료 튜토리얼을 더 보시려면 구독 버튼을 가볍게 탭하세요.
시간을 내주셔서 감사드리며 좋은 하루 되세요.

 

반응형

 

 

 

I built a ChatGPT app in 20 minutes with NoCode

https://www.youtube.com/watch?v=EJ-MG7c2Yqg 

 

 

 

[ Summary ]

The article emphasizes the importance of embracing and leveraging artificial intelligence (AI) to stay competitive in today's market.
As companies rapidly add AI to their products, those who ignore it will likely be at a disadvantage.
The article showcases how to create a custom AI app powered by OpenAI's Chat GPT API, without writing a single line of code.
The step-by-step tutorial highlights how to create an app using Bubble, adding the Chat GPT plugin, and connecting with the API.
The article encourages readers to take advantage of AI technology to enhance their offerings and stay competitive.
The reader is prompted to follow the step-by-step guide to create their AI app.
In this tutorial, the author explains how to use Bubble and Open AI to create a chatbot API connection.
They explain how to import an API, replace the API key, and test the connection.
Then, they demonstrate how to customize the prompt and display the response in a UX design.
The goal is to create a functional chatbot that can respond to various user prompts.
The reader should follow the step-by-step instructions and use Bubble and Open AI to create their own chatbot API connection.
In this article, the reader is shown how to create a chat prompt box in no code using open AI API.
The process involves creating a chat prompt box with a title and a multi-line input for users to type in their prompt.
A text element is added as a button to submit the user's prompt.
The article explains how to edit the workflow to call the chat GPT API and receive an answer back based on the prompt inputted by the user.
The text element is used to display the answer received from the API.
The reader is encouraged to follow along and create their own chat prompt box.
This article explains how to display the response from the GPT API call in a text element on a Bubbles app.
It involves creating two groups - one for the prompt and one for the answer.
The prompt group is hidden once the answer is received, and the answer group is made visible.
The text element within the answer group is set to display the response from the API call.
The article also covers how to set the type of content for the text element and how to start a workflow for the "ask something else" button.
Readers are encouraged to follow the step-by-step instructions provided and test the app as a user would.
In this tutorial, the author shows how to hide and display different groups on a Bubble app.
They also demonstrate how to reset input fields and use a custom state to show a processing animation.
They even include how to import a Lottie Json file and use it to enhance the design of an answer group.
The reader is encouraged to follow along and try these techniques themselves.
The article concludes with a successful implementation of all the discussed features.
The reader is invited to experiment and add their own personal touch to their Bubble app.
In just 20 minutes, you can create a custom software with advanced Artificial Intelligence technology.
The question is, will you use this knowledge to build your dream technology business?
If so, check out the NoCoat Advantage Academy, where non-technical entrepreneurs can learn how to build profitable tech businesses.
Attend live workshops and join a supportive community with perks and discounts.
Remember to lightly tap the subscribe button for more free tutorials like this.
Thank you for spending time with me, and have a great day.