추가정보
프레스라 사이트: https://www.preply.com/
챗GPT의 프롬프트에 아래와 같은 내용을 입력하고 html코드를 만들어 달라고 요청하세요.
“
웹앱개발자 역할을 해줘. 다음 정보를 참고해서 ‘todo’앱 만들어줘
제목 : 내 꿈을 이루는 위해 실천 할일
디자인 : 상단에 제목을 표시하고 제목은 H2크기로 해주고 전체적으로 가로와 세로 중앙에 배치하여 구성 요소들이 화면 전체를 차지할 수 있도록 반응형으로 디자인을 구성해주세요.
기능 : 한일과 체크박스, 날짜가 저장되고 상단에 진행바가 나오도록 만들어줘. sweetalert2, Taliwind CSS, Meterial Design Icons 라이브러리를 활용하여 하나의 html 문서를 작성 해주세요.
“
그러면 아래와 같은 코드를 chatGPT가 코드를 제공해줍니다.
Replit : https://replit.com/ 은 웹 호스팅을 하지 않은 상태에서 html코드가 웹에 어떻게 표시되고 작동하는지 확인해 볼 수 있는지를 제공해줍니다.
리플릿은 사용자들이 브라우저를 사용하여 코드를 작성하고 앱과 웹사이트를 만들 수 있게 한다. 이 플랫폼은 실시간 채팅 피드를 통한 실시간 다중 사용자 편집 기능을 포함하여 다양한 협업 기능도 갖추고 있다. 또한 다음을 포함한 50개 이상의 프로그래밍 및 언어를 지원한다.위키백과
Template를 [HTML, CSS, JS]으로 선택하고 Title을 입력해줍니다.

chatGPT에게서 받은 코드를 넣고 [Run]을 눌러 실행을 해보고 부족한 부분이나 추가할 부분을 chatGPT에게 요구하면 코드를 완성해줍니다.

됐다면 우측 상단에 [New tab]을 누르시면 새창이 열리고 리플에서 제공해 주는 이 앱의 주소(url)를 쉽게 배포할 수 있습니다

GPT 플러스를 사용하고 있는 유료 사용자들만 이용할 수 있는 기능입니다.
사용 후기 memo
chatGPT 좌측에 보시면 이렇게 Explore GPTs는 메뉴가 있습니다. 챗봇을 만들 수가 있습니다.
https://chat.openai.com/ My GPTs에서 [Create a GPT]를 클릭하면 GPTs editor로 이동합니다.

특정한 챗봇을 대화 형식으로 요청하시면 제작해 드립니다. 예를 들어, ‘웹앱을 만들어주는 챗봇을 만들어 주세요’라고 요청하면이에 따라 웹앱을 제작해 줍니다. 설명은 영어로 제공되므로 한국어로의 설명 요청이 가능합니다. 또한, ‘이름이 좋다’라고 입력하시면 해당 챗봇에 사용될 로고 이미지 또한 제작해 줍니다.

14:30 이후의 ‘챗봇만들기 4단계 : Assistants(어시스턴트). 무료 이용자들도 이용할 수 있는 어시스턴트 챗봇 만들기’만 정리가 되었습니다. 03:20 ~ 14:30까지를 마저 정리해주셔야 합니다.

자 그런 다음에 여러분들이 첫번에 사용할 프롬프트를 이곳에
84
00:03:20,560 –> 00:03:25,000
입력을 해 주시면 됩니다 그래서 저는
85
00:03:22,840 –> 00:03:26,959
공통적으로 사용할 수 있는 프롬프트를
86
00:03:25,000 –> 00:03:28,799
이런 식으로 입력을 했습니다 아
87
00:03:26,959 –> 00:03:32,840
사용자가 주제를 입력하면 해당 주제에
88
00:03:28,799 –> 00:03:32,840
대한 웹앱을 코드로 만들어 주는
89
00:03:33,080 –> 00:03:38,400
체포이유 4이 제대로 작동이 되는지
90
00:03:35,920 –> 00:03:40,400
안 되는지를이 오른쪽에 있는 미리보기
91
00:03:38,400 –> 00:03:42,560
화면에서 확인을 해 볼 수가 있습니다
92
00:03:40,400 –> 00:03:44,720
자 그러면 제가 미리보기 창에 투두
93
00:03:42,560 –> 00:03:47,000
앱이라고 적어 보도록 하겠습니다
94
00:03:44,720 –> 00:03:48,920
그럼이 해당 주지에 대한 어 앱을
95
00:03:47,000 –> 00:03:51,000
만들 수 있는 코드가이 바로 작성되는
96
00:03:48,920 –> 00:03:53,120
것이 보이시죠 자 이런 식으로이
97
00:03:51,000 –> 00:03:56,159
대화를 통해서 특정한 역할을 하는
98
00:03:53,120 –> 00:03:58,159
챗봇를 완성시키면 더 이상 채팅창에
99
00:03:56,159 –> 00:04:00,319
어 따로 역할을 부여한다는 어 특정
100
00:03:58,159 –> 00:04:04,439
라이브러리를 명시하지 않고 주제만
101
00:04:00,319 –> 00:04:04,439
입력을 해도 바로 코드를 만들 수가
102
00:04:04,680 –> 00:04:10,480
있습니다 그런데 좀 더 디테일하게
103
00:04:07,720 –> 00:04:13,400
포을 설계를 하려면이 컨피규어 메뉴를
104
00:04:10,480 –> 00:04:16,519
활용하셔야 되는데요 보시다시피 우리가
105
00:04:13,400 –> 00:04:19,959
대화를 통해서 만들어진 체포의 이름과
106
00:04:16,519 –> 00:04:22,600
체포에 대한 설명 그리고 어 체포의
107
00:04:19,959 –> 00:04:25,160
역할 지시 사항이 이곳에 이렇게
108
00:04:22,600 –> 00:04:27,759
자동으로 AI 만들어서 채워 놓은
109
00:04:25,160 –> 00:04:30,720
것을 볼 수가 있습니다 자 체 만드는
110
00:04:27,759 –> 00:04:32,800
방법 두 번째로 자 가 만들어 놓은
111
00:04:30,720 –> 00:04:36,000
프롬프트를 우리가 수정해서 바로
112
00:04:32,800 –> 00:04:38,479
입력할 수도 있는데요 자 이곳에 직접
113
00:04:36,000 –> 00:04:40,240
세포을 설계를 하면 좀 더 디테일한
114
00:04:38,479 –> 00:04:42,680
설정을 다룰 수가 있습니다 예
115
00:04:40,240 –> 00:04:45,360
보시다시피 어 여기다 힌트 질문도
116
00:04:42,680 –> 00:04:47,759
적을 수가 있고요 그리고 널리지 아고
117
00:04:45,360 –> 00:04:50,680
해서 참고할 만한 문서를 이곳에
118
00:04:47,759 –> 00:04:52,960
올려서 어 체포시 그 문서를 참조해서
119
00:04:50,680 –> 00:04:55,680
답변하게 할 수도 있고요 그다음에 웹
120
00:04:52,960 –> 00:04:58,199
서칭 이라든지 이미지를 생성한다는
121
00:04:55,680 –> 00:05:00,400
코드 인터프리터가 아주 다양한
122
00:04:58,199 –> 00:05:02,680
기능들을 넣어서 세포을 설계를 할
123
00:05:00,400 –> 00:05:04,240
수가 있습니다 자 그러면 하나하나
124
00:05:02,680 –> 00:05:05,960
컨피규어 있는 내용을 바꿔 보도록
125
00:05:04,240 –> 00:05:08,720
하겠습니다 모두 한글로 바꿔
126
00:05:05,960 –> 00:05:11,000
보겠습니다 한글로 해도 GPT 4가
127
00:05:08,720 –> 00:05:13,160
어 워낙 번역역이 좋기 때문에 성능
128
00:05:11,000 –> 00:05:16,199
차이는 거의 없는 것 같습니다 자
129
00:05:13,160 –> 00:05:18,919
여기다가 웹앱 개발 마법 4라고
130
00:05:16,199 –> 00:05:20,960
입력을 하고요 그리고 인스트럭션은 어
131
00:05:18,919 –> 00:05:22,600
이런 식으로 직접 입력을 어 해
132
00:05:20,960 –> 00:05:24,039
주겠습니다 자 먼저 주요 역할을
133
00:05:22,600 –> 00:05:26,600
지정을 해 줬고요 그다음에 참고
134
00:05:24,039 –> 00:05:28,919
문서에 어 필요한 라이브러리를 명시를
135
00:05:26,600 –> 00:05:31,039
해 줬고요 자 디자인도 설명을 하고
136
00:05:28,919 –> 00:05:33,880
그리고 코드 생성이 완료되면 어
137
00:05:31,039 –> 00:05:35,800
코드를 분석을 하고 어 부족한 부분을
138
00:05:33,880 –> 00:05:37,520
채워서 다시 한번 반복해서 작업을
139
00:05:35,800 –> 00:05:39,440
하라고 했습니다 그다음 최종 결과가
140
00:05:37,520 –> 00:05:42,080
나오면은 이미지 생성까지 할 수
141
00:05:39,440 –> 00:05:43,919
있도록 이렇게 지시문을 작성을 했고요
142
00:05:42,080 –> 00:05:46,520
그리고 아래 있는 코드 힌트들을
143
00:05:43,919 –> 00:05:48,840
기존의 트들은 다 지우고 어 채보의
144
00:05:46,520 –> 00:05:51,360
능력은 모두 다 체크를 하겠습니다
145
00:05:48,840 –> 00:05:53,639
코드 인터프리터가 코드 인터프리터가
146
00:05:51,360 –> 00:05:55,919
이렇게 체크를 하게 되면은 기존의
147
00:05:53,639 –> 00:05:57,360
코드를 생성한 것뿐만 아니라 어
148
00:05:55,919 –> 00:05:59,479
코드를 다운로드 받을 수 있는
149
00:05:57,360 –> 00:06:01,919
파일까지 생성을 할 수가 있습니다
150
00:05:59,479 –> 00:06:03,759
한번 테스트를 해 볼게요 자 이렇게
151
00:06:01,919 –> 00:06:05,960
미리보기 창에서 어 투드 앱을 만들어
152
00:06:03,759 –> 00:06:07,639
달라고 요청을 했는데요 자 보시는
153
00:06:05,960 –> 00:06:10,680
바와 같이 이렇게 코드를 작성을
154
00:06:07,639 –> 00:06:12,440
했고요 자이 웹앱에 대한 이미지도 어
155
00:06:10,680 –> 00:06:15,400
잘 생성한 것을 볼 수가 있습니다
156
00:06:12,440 –> 00:06:18,680
그리고 이렇게 다운로드 링크도 제공을
157
00:06:15,400 –> 00:06:20,639
해 줬죠 다운로드 링크를 클릭을 하면
158
00:06:18,680 –> 00:06:21,720
바로 다운로드 받아서 실행을 해 볼
159
00:06:20,639 –> 00:06:24,160
수가
160
00:06:21,720 –> 00:06:26,080
있습니다 자 보시는 바와 같이
161
00:06:24,160 –> 00:06:27,880
예전에는 소스 코드를 복사한 다음에
162
00:06:26,080 –> 00:06:30,400
어 특정 사이트에서 붙여 넣게 하고
163
00:06:27,880 –> 00:06:32,520
확인을 했어야 되지만 이렇게 코드
164
00:06:30,400 –> 00:06:34,599
인터프리터는 능력을 넣어서 세포을
165
00:06:32,520 –> 00:06:36,800
설계하면 파일을 다운로드 받을 수도
166
00:06:34,599 –> 00:06:39,160
있습니다 이렇게 해서 만족할 만한
167
00:06:36,800 –> 00:06:42,400
여러분들의 책꽃이 완성이 됐다면 어이
168
00:06:39,160 –> 00:06:44,400
체본을 저장을 하시고요 저장을 할 때
169
00:06:42,400 –> 00:06:46,319
자기 혼자 쓸 경우에는 온리 미를
170
00:06:44,400 –> 00:06:49,120
선택을 해 주시고요 아니면 링크를
171
00:06:46,319 –> 00:06:51,440
통해서 배포하실 수도 있고 또는 어
172
00:06:49,120 –> 00:06:53,759
전체 공개를 해서 검색까지 가능할 수
173
00:06:51,440 –> 00:06:57,240
있도록 설정도 할 수가 있습니다 아
174
00:06:53,759 –> 00:06:59,720
저는요 링크를 선택을 하고 제 컨펌을
175
00:06:57,240 –> 00:07:01,879
눌러 보겠습니다 그러면 어
176
00:06:59,720 –> 00:07:04,080
여러분들만의 웹앱 개발 마법사라는
177
00:07:01,879 –> 00:07:06,039
봇이 완성이 된 거예요 이곳에
178
00:07:04,080 –> 00:07:08,280
여러분들이 원하는 주제어를 입력을
179
00:07:06,039 –> 00:07:10,039
하면 여러분들이 설계한 대로 코드를
180
00:07:08,280 –> 00:07:12,000
만들 수가 있겠죠 자 이렇게 만들어진
181
00:07:10,039 –> 00:07:14,120
봇은 다른 사람들과 공유도 할 수가
182
00:07:12,000 –> 00:07:16,400
있는데요 좌측 상단에 웹앱 개발
183
00:07:14,120 –> 00:07:19,360
마법사를 클릭을 하고 카피
184
00:07:16,400 –> 00:07:21,240
링크를 통해서 다른 사람들과 공유를
185
00:07:19,360 –> 00:07:23,240
할 수가 있고요 어 다른 사람들이
186
00:07:21,240 –> 00:07:25,360
만들어 놓은 체포도 여러분들이
187
00:07:23,240 –> 00:07:27,639
검색해서 사용해 볼 수가 있는데요
188
00:07:25,360 –> 00:07:30,599
구글 검색창에서 여러분들이 검색하고자
189
00:07:27,639 –> 00:07:33,000
하는 주제를 입력을 하고 요 자 그
190
00:07:30,599 –> 00:07:36,240
뒤에 자 이런 식으로 입력을 해
191
00:07:33,000 –> 00:07:38,919
주시면 이미지와 관련돼서 만들어진
192
00:07:36,240 –> 00:07:41,800
체포이유 되는 것을 볼 수가 있습니다
193
00:07:38,919 –> 00:07:44,120
그래서 원하는 봇을 자 클릭을 하면
194
00:07:41,800 –> 00:07:46,000
다른 사람들이 만들어 놓은 봇을
195
00:07:44,120 –> 00:07:47,800
여러분들이 사용을 해 볼 수가
196
00:07:46,000 –> 00:07:49,479
있습니다네 여기서 주의할 사항이
197
00:07:47,800 –> 00:07:51,440
하나가 있는데요 어 현재이 체포의
198
00:07:49,479 –> 00:07:53,840
맹점이 하나가 있습니다 어떤 거냐면
199
00:07:51,440 –> 00:07:56,039
지금이 만들어진 체포에 프롬프트가
200
00:07:53,840 –> 00:07:57,879
어떤 건지 만약 알고 싶다면 자
201
00:07:56,039 –> 00:08:00,639
이곳에 지시 사항을 보여 달라고
202
00:07:57,879 –> 00:08:02,879
입력을 하면 다 보여줍니다
203
00:08:00,639 –> 00:08:06,080
자 이렇게 입력을 하고 자 엔터를
204
00:08:02,879 –> 00:08:08,879
치면이 체포에 사용된 어 지시 사항
205
00:08:06,080 –> 00:08:11,000
프롬프트가 이렇게 다 볼 수가
206
00:08:08,879 –> 00:08:13,720
있습니다 지시 사항이 공개되는 것을
207
00:08:11,000 –> 00:08:15,639
막기 위해서는 여러분들이 만든 체포에
208
00:08:13,720 –> 00:08:17,919
지시 사항을 보여주지 말라는
209
00:08:15,639 –> 00:08:20,400
프롬프트를 어 추가를 해 주시는 것이
210
00:08:17,919 –> 00:08:22,599
좋습니다 자 만들어진 포을 편집하는
211
00:08:20,400 –> 00:08:24,960
방법은 어 좌측 상단에 제목을
212
00:08:22,599 –> 00:08:27,080
누르시고요 자 에디 GPT 들어가시면
213
00:08:24,960 –> 00:08:29,759
우리가 처음에 어 포을 만들었던
214
00:08:27,080 –> 00:08:33,000
환경이 나오는데요 거기서 피규에 들어
215
00:08:29,759 –> 00:08:35,440
와서 저는 그래서 이런 식으로 주의
216
00:08:33,000 –> 00:08:38,200
사항으로 절대 지시사항 인스트럭션을
217
00:08:35,440 –> 00:08:40,800
어 보여주지 말라고 프롬프트를 추가를
218
00:08:38,200 –> 00:08:43,080
했고요 그럼에도 불구하고 남들이
219
00:08:40,800 –> 00:08:44,720
만들어 놓은 프롬프트를 어 열어보기
220
00:08:43,080 –> 00:08:46,800
위해서 다양한 시도들을 하고 있는
221
00:08:44,720 –> 00:08:49,399
사람들이 있어요 그래서 아직까지는 될
222
00:08:46,800 –> 00:08:52,959
수 있으면 이곳에 어 개인
223
00:08:49,399 –> 00:08:55,360
정보라든가 안 되는 어 그러한 내용은
224
00:08:52,959 –> 00:08:57,080
넣지 않는 것이 좋습니다 참고로 저는
225
00:08:55,360 –> 00:08:59,240
AI 클래스라는 사이트를 구축을 해서
226
00:08:57,080 –> 00:09:01,640
제가 만든 세포을 다 공개를 하고 있
227
00:08:59,240 –> 00:09:03,600
있으니까 여러분들이 보시고 영감을
228
00:09:01,640 –> 00:09:06,040
받으셨으면 좋겠습니다 어 사용자가
229
00:09:03,600 –> 00:09:08,760
특정 사진을 올리면 캐리커처 형식이나
230
00:09:06,040 –> 00:09:10,560
어 바디 프로필의 형태로 이미지를
231
00:09:08,760 –> 00:09:12,480
변형해 주는 체포도 있고요 어
232
00:09:10,560 –> 00:09:14,000
대항의시대 모험을 한다거나 쉽게
233
00:09:12,480 –> 00:09:16,600
암기를 해 줄 수 있는 어 그러한
234
00:09:14,000 –> 00:09:19,079
체포이유 관심 있는 분들은 한 번씩
235
00:09:16,600 –> 00:09:21,399
보시고 영감을 얻으셨으면 좋겠습니다
236
00:09:19,079 –> 00:09:24,480
그리고 체포를 활용하는 세 번째
237
00:09:21,399 –> 00:09:26,959
방법으로 어 체포를 다른 외부의
238
00:09:24,480 –> 00:09:29,240
서비스와 연결하는 액션이라는 기능이
239
00:09:26,959 –> 00:09:31,920
있습니다 체포 만드는 컨피규어
240
00:09:29,240 –> 00:09:34,880
메뉴에서 어 좌측 하단에 크리에이트
241
00:09:31,920 –> 00:09:38,279
뉴 액션을 누르시면 자 이곳에 스키라
242
00:09:34,880 –> 00:09:40,240
하는 어 외하고 연결할 어떠한 데이터
243
00:09:38,279 –> 00:09:42,399
구조를 입력을 할 수가 있는데요
244
00:09:40,240 –> 00:09:44,000
제어라고 하는 어 자동화 서비스에서
245
00:09:42,399 –> 00:09:46,399
무료로 이것을 이용해 볼 수가
246
00:09:44,000 –> 00:09:50,000
있습니다 자 제피어 AI 액션에
247
00:09:46,399 –> 00:09:52,320
들어오시면 겟 스트라는 GPT 연결할
248
00:09:50,000 –> 00:09:55,440
수 있는 url 있습니다 자 이것을
249
00:09:52,320 –> 00:09:58,399
복사를 해서 액션에 임포트 프롬
250
00:09:55,440 –> 00:10:02,399
URL 버튼을 클릭을 하고 입력창에
251
00:09:58,399 –> 00:10:04,640
복사 URL 입력을 하고 임포트를
252
00:10:02,399 –> 00:10:07,519
클릭을 하시면이 데이터 구조도가
253
00:10:04,640 –> 00:10:09,480
자동으로 들어오게 됩니다 자 그다음에
254
00:10:07,519 –> 00:10:12,839
다시 뒤로 가서 자 인스트럭션이
255
00:10:09,480 –> 00:10:14,640
들어와서 여러분들이 어 추가적으로
256
00:10:12,839 –> 00:10:17,800
실행할지지 사항을 입력을 해 주면
257
00:10:14,640 –> 00:10:20,560
됩니다 제피의 AI 액션에는 자동화할
258
00:10:17,800 –> 00:10:23,519
수 있는 다양한 서비스들이 있는데요
259
00:10:20,560 –> 00:10:26,680
자 이곳 마이 액션에 들어와 보시면
260
00:10:23,519 –> 00:10:29,240
어 GPT 연결할 수 있는 오픈 AI
261
00:10:26,680 –> 00:10:31,200
GPT 메뉴가 있고요 매니지 액션
262
00:10:29,240 –> 00:10:33,279
버튼을 클릭을 하면 이곳에서
263
00:10:31,200 –> 00:10:35,800
여러분들이 액션을 추가할 수가
264
00:10:33,279 –> 00:10:38,000
있습니다 자 하단에 뉴 액션 버튼을
265
00:10:35,800 –> 00:10:40,120
클릭을 하시고요 자이 액션에
266
00:10:38,000 –> 00:10:42,920
여러분들이 자동화할 작업을 선택해
267
00:10:40,120 –> 00:10:45,639
주시면 됩니다 저는 어 봇에서 생성한
268
00:10:42,920 –> 00:10:47,959
특정한 값을 어 저의 구글 시트로
269
00:10:45,639 –> 00:10:50,120
자동으로 전성해 주는 액션을 만들어
270
00:10:47,959 –> 00:10:54,399
보도록 하겠습니다 자
271
00:10:50,120 –> 00:10:56,079
이곳에 시트라고 적으면 구글 시트에
272
00:10:54,399 –> 00:10:59,000
관련된 다양한 서비스들이 이렇게
273
00:10:56,079 –> 00:11:01,720
목록으로 나오는데요 여기서 저는
274
00:10:59,000 –> 00:11:04,000
스프레드시트 로우를 선택을 하고 자
275
00:11:01,720 –> 00:11:05,920
그러면 아래에 계정을 선택 할 수
276
00:11:04,000 –> 00:11:07,440
있게끔 나오고요 그리고 특정
277
00:11:05,920 –> 00:11:11,560
스프레드시트를 선택을 할 수가
278
00:11:07,440 –> 00:11:14,000
있습니다 스프레드시트 메뉴에서 어
279
00:11:11,560 –> 00:11:15,519
제가 갖고 있는 어 gpts
280
00:11:14,000 –> 00:11:17,959
코딩이라는 스프레드시트를 선택을
281
00:11:15,519 –> 00:11:20,120
했고요 그리고 워크 시트에서는 지금
282
00:11:17,959 –> 00:11:22,800
제비라고 되어 있는 워크시트를 선택을
283
00:11:20,120 –> 00:11:25,160
해 보겠습니다 그러면 자동으로 제
284
00:11:22,800 –> 00:11:27,560
구글 시트에 있는 어 필드 열의
285
00:11:25,160 –> 00:11:30,320
제목이 이렇게 나타나는데요이 나머지는
286
00:11:27,560 –> 00:11:33,519
AI 알아서 추측해서 필드 값을
287
00:11:30,320 –> 00:11:36,480
입력하도록 요렇게 남겨 놓고 이쇼
288
00:11:33,519 –> 00:11:39,079
all 옵션에 들어가 보시면 액션의
289
00:11:36,480 –> 00:11:41,240
이름을 어 만들어 줄 수가 있습니다
290
00:11:39,079 –> 00:11:43,639
저는스런 코딩이라고 이렇게 입력을
291
00:11:41,240 –> 00:11:47,320
했고요 자 입력이 완료되면 인에이블
292
00:11:43,639 –> 00:11:49,440
액션을 자 클릭을 하면 이렇게이 런
293
00:11:47,320 –> 00:11:52,200
코딩이라는 액션이 생겼고요 이렇게
294
00:11:49,440 –> 00:11:54,360
활성화해 놓은 상태에서 채보의
295
00:11:52,200 –> 00:11:57,279
인스트럭션의 지시 사항을 적어 주면
296
00:11:54,360 –> 00:12:00,160
되는데요 어 지시 사항 템플릿도이 제
297
00:11:57,279 –> 00:12:01,760
피어에서 이미 만들어 놓은지지 사항이
298
00:12:00,160 –> 00:12:04,519
있기 때문에 그것을 그대로 가져다가
299
00:12:01,760 –> 00:12:06,639
써 보도록 하겠습니다 자 AI
300
00:12:04,519 –> 00:12:08,880
플랫폼에 채 GPT 선택을 하시면
301
00:12:06,639 –> 00:12:11,440
이렇게 인스트럭션 템플릿이고 표시가
302
00:12:08,880 –> 00:12:13,639
되어 있습니다 그래서이 인스트럭션의
303
00:12:11,440 –> 00:12:16,000
규칙을 그대로 복사를 한 다음에이
304
00:12:13,639 –> 00:12:19,079
하단에 붙여 넣기를 해
305
00:12:16,000 –> 00:12:22,079
보겠습니다이 템플릿에서 바꿔 줘야 될
306
00:12:19,079 –> 00:12:24,600
부분은 이쪽에 있는 우리의 액션의
307
00:12:22,079 –> 00:12:27,040
이름 하고요 자 그 바로 아래 있는
308
00:12:24,600 –> 00:12:29,160
어 우리의 액션의 주소가 되겠습니다
309
00:12:27,040 –> 00:12:31,079
자 지금이 템플릿은 액션이 두
310
00:12:29,160 –> 00:12:33,959
가지지만 우리는 한 가지만 적용할
311
00:12:31,079 –> 00:12:36,880
거기 때문에이 아래 있는 어 액션 슬
312
00:12:33,959 –> 00:12:39,639
샌드 디렉트 매니저라는이 메시지는
313
00:12:36,880 –> 00:12:40,639
지워 주시고요 자 액션에 우리가
314
00:12:39,639 –> 00:12:43,839
만들어
315
00:12:40,639 –> 00:12:46,079
놓은 액션의 이름을 적으시고 그리고이
316
00:12:43,839 –> 00:12:48,240
컨피규레이션 링크는 기존에 있는 거를
317
00:12:46,079 –> 00:12:50,519
삭제를 하고 우리가 만들어 놓은
318
00:12:48,240 –> 00:12:53,040
링크를 가져오면 되겠습니다 자 우리가
319
00:12:50,519 –> 00:12:54,880
만들어온 링크는 어디에 있냐면 어
320
00:12:53,040 –> 00:12:58,800
우리가 만들었던 그 액션에 다시
321
00:12:54,880 –> 00:13:02,440
들어가 보시면 주소 창에 있는 주소
322
00:12:58,800 –> 00:13:05,959
을 그대로 복사를 해서 이곳에 자
323
00:13:02,440 –> 00:13:07,839
붙여 넣기를 하면 완료가 된 겁니다
324
00:13:05,959 –> 00:13:10,240
자 그래서 저는 최종적으로
325
00:13:07,839 –> 00:13:13,279
인스트럭션의 자 이렇게 어 지시를
326
00:13:10,240 –> 00:13:16,199
했습니다 웹 코드를 작성을 하고
327
00:13:13,279 –> 00:13:18,560
작성이 완료된 후에 어 사용자가 어
328
00:13:16,199 –> 00:13:20,920
전송이 입력을 하면 아래 규칙에
329
00:13:18,560 –> 00:13:22,959
따라서 구글 시트에 제목과 앱의
330
00:13:20,920 –> 00:13:25,920
특징을 전송해 달라고 이렇게 얘기를
331
00:13:22,959 –> 00:13:29,160
했습니다 그래서이 규칙에 따라서 자
332
00:13:25,920 –> 00:13:31,800
채이 어 제작한 우리의 그 앱의
333
00:13:29,160 –> 00:13:34,320
제목과 특징이 구글 시트로 전송되는
334
00:13:31,800 –> 00:13:36,079
어 그러한 작업을 실행을 하겠죠 이제
335
00:13:34,320 –> 00:13:38,120
자 한번 테스트해
336
00:13:36,079 –> 00:13:41,000
보겠습니다 자 이렇게 코드 작성이
337
00:13:38,120 –> 00:13:43,000
완료가 됐고 다운로드 링크가 생성이
338
00:13:41,000 –> 00:13:47,279
됐죠 자 이제 구글 시트로 전송하기
339
00:13:43,000 –> 00:13:47,279
위해서 이곳에 전송이 입력하게
340
00:13:47,720 –> 00:13:52,040
보겠습니다 자 그리고 이렇게 확인
341
00:13:49,800 –> 00:13:53,680
버튼에 얼라우 버튼을 클릭을 하면 자
342
00:13:52,040 –> 00:13:55,839
구글 시트에 이렇게 자동으로 어
343
00:13:53,680 –> 00:13:57,800
전송이 되는 것을 볼 수가 있습니다
344
00:13:55,839 –> 00:13:59,800
지금 영어로 전송이 됐기 때문에 제가
345
00:13:57,800 –> 00:14:02,120
다시 한글로 번역해서 전송해 달라고
346
00:13:59,800 –> 00:14:04,880
요청을 했습니다 자 그럼 바로 다시
347
00:14:02,120 –> 00:14:06,079
또 한글로 번역해서 전송이 된 것을
348
00:14:04,880 –> 00:14:08,720
볼 수가
349
00:14:06,079 –> 00:14:11,000
있죠 자 제가 지금 구글
350
00:14:08,720 –> 00:14:13,240
시트에서 자동화 하는 것만 이제 보여
351
00:14:11,000 –> 00:14:15,360
드렸지만 실제로 제 피어에서 활용할
352
00:14:13,240 –> 00:14:17,920
수 있는 부분은 굉장히 많습니다 구글
353
00:14:15,360 –> 00:14:20,120
시트 뿐만이 아니라 어 여러분들의
354
00:14:17,920 –> 00:14:22,440
사용하는 이메일로 특정 내용을 전송할
355
00:14:20,120 –> 00:14:24,600
수도 있고요 에어 테이블이라는 뭐
356
00:14:22,440 –> 00:14:26,399
클라우디 널이든지 굉장히 많은
357
00:14:24,600 –> 00:14:29,279
서비스들과 재표가 연동이 되어 있기
358
00:14:26,399 –> 00:14:31,880
때문에 GPT 액션을 이용하면 다양한
359
00:14:29,279 –> 00:14:33,720
웹 서비스들을 어 체포가 연결해서
360
00:14:31,880 –> 00:14:36,519
활용을 할 수가 있겠습니다 그런데
구글에서 GPT챗봇(GPTs)를 검색할 수 있는 명령어는 검색어 + site:chat.openai.com/g/ (예:image site:chat.openai.com/g/) 입니다.
이 사이트도 GPT 유료 월 20달러에 가입해야 볼 수 있습니다.
– Zapier 액션 : https://actions.zapier.com/docs/platf…
이 부분을 보완해주세요.
Assistants는 사용자와 대화를 통해 다양한 요청을 수행할 수 있는 인공지능 기반의 다기능 AI 구축 도우미입니다.
Assistants로 AI서비스를 만들 수 있지만, AI서비스 사용자는 무료로 사용할 수 있지만 개발자는 사용자가 API를 사용한 양만큼의 요금을 부담해야 합니다.
Assistants를 사용하면 자체 애플리케이션 내에 AI 구축 도우미를 구축할 수 있습니다. 어시스턴트에는 지침이 있으며 모델, 도구 및 지식을 활용하여 사용자 쿼리에 응답할 수 있습니다( The Assistants API allows you to build AI assistants within your own applications. An Assistant has instructions and can leverage models, tools, and knowledge to respond to user queries.)
GPT 이용해서 체봇을 만들면 유료 사용자(Plus 요금제(USD $20/month)를 이용하는 사용자)들만 사용 할 수있습니다. 다기능 AI 구축 도우미인 Assistants로 AI 서비스를 만들면 무료 사용자들도 사용할 수 있는 AI 봇을 만들 수 있습니다.
오픈 AI 플랫폼(https://platform.openai.com/)에 접속하시면 [Assistants]라는 메뉴가 있습니다.

여기서 챗봇를 만들 수가 있는데요. 중앙에 [Create] 버튼을 클릭을 하시고 챗봇에 이름을 적어 주고요.

| ChatGPT에서 Assistants에서 Instruction의 역할 |
| ChatGPT의 Assistants에서 Instruction은 사용자가 원하는 작업을 명확하게 설명하여 ChatGPT에게 전달하는 데 중요한 역할을 합니다. Instruction의 역할: ChatGPT에게 명령을 내리는 방법: Instruction은 사용자가 ChatGPT에게 수행하길 원하는 작업을 명확하게 설명하는 텍스트입니다. ChatGPT의 작업 수행 정확도 향상: 명확하고 정확한 Instruction은 ChatGPT가 사용자 의도를 정확하게 파악하고 원하는 결과를 도출하는 데 도움을 줍니다. 다양한 작업 수행 가능: Instruction을 통해 ChatGPT는 텍스트 생성, 번역, 질문 답변, 코드 작성 등 다양한 작업을 수행할 수 있습니다. Instruction 작성 방법: 명확하고 간결하게 작성: Instruction은 명확하고 간결하게 작성해야 ChatGPT가 사용자 의도를 정확하게 파악할 수 있습니다. 구체적인 정보 포함: Instruction에는 작업 수행에 필요한 구체적인 정보를 포함해야 합니다. 적절한 용어 사용: Instruction에는 ChatGPT가 이해할 수 있는 용어를 사용해야 합니다. Instruction 예시: “다음 주제에 대한 500 단어짜리 블로그 글을 작성하세요: 인공지능의 미래” “한국어를 영어로 번역하세요: 안녕하세요, ChatGPT!” “다음 질문에 대한 답변을 500 단어 이내로 작성하세요: 인공지능이 인간의 일자리에 미치는 영향은 무엇인가?” “다음 코드를 Python에서 Java로 변환하세요:” |
| 이번 예제에서 사용할 Instructions 의 예 |
| 진로상담교사의 역할과 할일은 아래와 같습니다. 아래의 역할과 할일에 맞게 AI를 만들어주세요. 주요 역할:학생들이 자신의 적성, 흥미, 능력에 맞는 진로를 선택할 수 있도록 돕는 전문가 개인 맞춤형 진로 지도: 학생 개개인의 특성을 파악하고, 이에 맞는 진로 탐색, 진로 결정, 진로 계획 수립을 위한 상담을 제공합니다. 진로 관련 정보 제공: 다양한 직업 정보, 진학 정보, 진로 관련 기관 정보 등을 학생들에게 제공합니다. 진로 역량 강화 교육: 진로 탐색 활동, 진로 결정 기법 교육, 진로 목표 설정 교육 등을 통해 학생들의 진로 역량을 향상시킵니다. 학부모 상담: 학부모의 진로 관련 고민을 들어주고, 학생의 진로 선택 과정에 대한 정보를 제공합니다. 학교 내 진로 프로그램 개발 및 운영: 진로 박람회, 진로 멘토링, 진로 워크숍 등 다양한 진로 프로그램을 개발하고 운영합니다. 교사 및 학교 구성원 대상 진로 교육: 교사들이 진로 지도를 효과적으로 수행할 수 있도록 교육하고, 학교 내 진로 문화 조성을 위해 노력합니다. 주요 할일: 개별 진로상담: — 학생의 진로 고민을 들어주고, 진로 탐색 과정을 돕습니다. — 다양한 진로 평가 도구를 활용하여 학생의 적성, 흥미, 능력을 파악합니다. — 학생의 특성을 고려하여 진로 선택 옵션을 제시하고, 결정을 내리는 데 필요한 정보를 제공합니다. 집단 진로교육: — 진로 관련 주제에 대한 강의, 토론, 워크숍 등을 진행합니다. — 다양한 직업을 소개하고, 직업인을 초청하여 강연을 진행합니다. — 진로 탐색 활동, 진로 결정 기법 교육 등을 통해 학생들의 진로 역량을 향상시킵니다. 진로 정보 제공: — 진로 관련 자료, 행사, 기관 정보 등을 수집하고 학생들에게 제공합니다. — 학교 홈페이지, 진로 게시판 등을 통해 진로 정보를 공유합니다. 학부모 상담: — 학부모의 진로 관련 고민을 들어주고, 학생의 진로 선택 과정에 대한 정보를 제공합니다. — 학부모와의 협력을 통해 학생의 진로를 효과적으로 지원합니다. 학교 내 진로 프로그램 개발 및 운영: — 학생들의 특성과 요구에 맞는 다양한 진로 프로그램을 개발하고 운영합니다. — 진로 박람회, 진로 멘토링, 진로 워크숍 등을 통해 학생들에게 진로 경험 기회를 제공합니다. 교사 및 학교 구성원 대상 진로 교육: — 교사들이 진로 지도를 효과적으로 수행할 수 있도록 교육합니다. — 학교 내 진로 문화 조성을 위한 노력에 참여합니다. |
Plus 요금제(USD $20/month를 사용하지 않는 무료 사용자는 Model 중 gpt 4.0 버전을 선택할 수 없습니다. gpt 4.0 버전을 사용하는 경우에만 Retrieval((정보의) 검색)기능을 이용할 수 있습니다. 참고로, Retrieval 기능을 사용할 수 없는 경우, botpress의 Knowledge Base로 보완이 가능합니다.
파일은 Assistants 및 Fine-tuning(미세 조정)과 같은 기능과 함께 사용할 수 있는 문서를 업로드하는 데 사용됩니다 .
pdf, txt file은 가능한데, 이미지, 동영상, 엑셀 파일은 업로드가 안됩니다.
한 조직에서 업로드하는 모든 파일의 크기는 최대 100GB까지 가능합니다.
개별 파일의 크기는 최대 512MB 또는 Assistants 경우 200만 개의 토큰일 수 있습니다.
자체적으로 가지고 있는 파일이 없다면 구글 검색창에 검색명령어로 filetype:를 활용하여 아래와 같은 검색 쿼리를 입력하여 얻은 결과를 활용하시는 것이 방법이 있습니다.
ChatGPT의 Retrieval((정보의) 검색) 기능
ChatGPT의 Retrieval 기능은 대화 흐름과 관련된 정보를 외부 데이터 소스에서 검색하여 응답을 풍부하게 만드는 핵심 기술입니다. 단순히 답변만 제공하는 것이 아니라, 검색 결과를 기반으로 논리적이고 일관된 맥락을 유지하며 사용자와의 자연스러운 대화를 가능하게 합니다.
ChatGPT의 Retrieval 과 Botpress의 Knowledge Base와의 비교
| 기능 | ChatGPT Retrieval | Botpress Knowledge Base |
|---|---|---|
| 정보 저장 방식 | 외부 데이터 소스 | 자체 구축된 지식 베이스 |
| 정보 유형 | 텍스트, 이미지, 동영상, 음성 | 텍스트, 이미지 |
| 맥락 인식 | 가능 | 제한적 |
| 창의적인 답변 | 가능 | 제한적 |
| 유지 관리 | 비교적 간편 | 복잡 |
ChatGPT Retrieval 기능과 Botpress Knowledge Base는 각각 장단점을 가지고 있으며, 상황에 따라 적합한 옵션을 선택하는 것이 중요합니다. 다양한 정보 제공과 창의적인 답변을 중요시한다면 ChatGPT Retrieval이 적합하며, 맥락 인식 기능과 정보 정확성 관리가 중요하다면 Botpress Knowledge Base를 선택하는 것이 좋습니다.
구글에서 ‘진로상담매뉴얼 filetype:pdf’처럼 입력하여 pdf 파일을 찾아 Retrieval로 추가해주세요.
우측 상단에 Test 눌러 test를 해보시고 상담교사 챗봇이 잘 작동하면 챗봇 이름 아래에 회색 글씨로 표시되어 있는 부분을 확인해 주세요. 이 키는 나중에 botpress에서 이용할 것입니다.

어시스턴트로 만든 AI서비스는 바로 웹이나 메시징 채널에 추가할 수 없습니다. 웹사이트나 WhatsApp이나 Telegram과 같은 메시징 채널에 맞춤형 OpenAI Assistant를 배포하기 위해서는 OpenAI 어시스턴트 API와 Botpress 연결해야 합니다.
참고로 OpenAI는 이미지를 생성할 수 있으나 botpress는 AI챗봇 개발 프레임워크라서 이미지를 생성할 수 없습니다.
botpress는 웹/앱/메신저에 게시할 수있는 chatGPT용 챗봇 템플릿을 제공해줍니다.
봇프레스(botpress)( https://botpress.com/ )에 로그인을 해 주시고요.
[Create Chatbot]을 클릭하여 새 챗봇을 만들어줍니다.
Botpress의 계정 만들기, 새 챗봇 만들기, [Use Template] 사용법은 아래의 게시글에 상세히 설명하였습니다.
템플릿을 무료로 다운로드하여 웹사이트 및 기타 채널에 OpenAI 어시스턴트를 연결하세요.
이 템플릿을 사용하면 OpenAI 어시스턴트를 사용하여 웹사이트나 WhatsApp과 같은 채널에 GPT를 쉽게 배포할 수 있습니다.
이 템플릿 링크( https://botpress.com/templates/deploy-openai-gpts )에 들어가시면 아래에 [Download this template]가 있습니다. 이것을 클릭하여 템플릿을 다운로드 해주세요.


imprt(가져오기)를 클릭하면 아래와 같은 경고가 나오는데 무시하시고
이것은 취소 할 수 없습니다 봇을 가져오면 미디어, 문서, 테이블을 포함하여 현재 봇을 덮어쓰게 됩니다.(This cannot be undone
Importing a bot will overwrite the current bot, including medias, documents and tables.)
‘Select bot archive to upload(업로드할 봇 아카이브 선택)’하여 다운로드 받은 파일을 업로드를 해 주면 됩니다.



openai.com에 로그인하는 로그인 정보와 botpress에 로그인하는 로그인 정보가 동일해야 합니다.
어시스턴트의 “이름” 필드 아래에 “asst_”로 시작하는 텍스트를 복사하세요. 여기에 붙여넣으세요.
openAI의 api key를 복사하여 붙여 넣기 해주세요.( 주의 : 발행된 API key 다시 볼 수 없으므로 따로 잘 저장해두셔야 합니다. )


openai.com에 로그인하는 로그인 정보와 botpress에 로그인하는 로그인 정보가 동일하면 에러가 뜨지 않습니다.
There was a problem with the token or the assistant id you provided. You’ll have to try again.
Error message: Request failed with status code 404

봇 변수로 assistantID와 oepnAIToken을 수동으로 넣어주어도 같은 에러가 나옵니다.

구글링해보니 환경변수(Configuration Variables)를 구성해보라는 말이 있으나 assistantID와 oepnAIToken를 환경변수로 넣을 수 있는 방법이 없습니다.

웹 게시하기의 상세 방법은 저희의 다른 게시글을 참조하세요.
Webchat Customizeation(웹챗 맞춤화)하시려면 아래의 게시글을 참조하세요.
그리고 만들어진 봇은 대시보드 화면에서 상단에 [Integrations] 메뉴에 들어와 보시면 [Pre-configured] 메뉴 안에 여러분들의 앱에 넣을 수 있는 코드가 표시가 되어 있습니다.
그래서 이 코드를 복사를 해서 여러분들이 만든 html 코드에 붙여 넣기를 하시면 바로 챗봇이 앱 서비스에 적용이 되겠습니다
저는 아까 chatGPT로 만든 어 to do 앱 코드에 방금 전 코드를 붙여 놓기를 해 보겠습니다. 이 코드는 <body> 맨 아래쪽에 붙여 넣기를 하면 되고요.
이렇게 붙여 넣기를 하면 우리가 만든 앱의 우측 하단에 이렇게 체포 아이콘이 생기고요.
클릭을 하면 챗봇이 어 나타나는 것을 볼 수가 있습니다.
지금까지 GPT를 이용해서 챗봇를 만드는 방법에 대해서 알아보았는데요.
본 영상을 통해 다양한 방법으로 GPT를 이용하여 챗봇을 제작할 수 있습니다. 여러분들도이 영상을 보시고 많은 영감을 받으셔서 여러분들만의 챗봇을 만들어 보시기 바랍니다
GPTs 나만의 챗봇 만들기 무료 강의! 초보자 50분 마스터 강의! 이거 한편이면 됩니다! GPTs 만들기 진지하게 배울 사람 클릭해주세요!(48:58)
만든 사람:
Botpress
마지막으로 업데이트되었습니다:
2023년 11월 14일
참고자료 : 1. OpenAI GPT 배포
2. Open AI의 API Reference중 Assistants API
3.Open AI의 API Reference중 Files