그라디오의 날 유피터랩에 잘 오셨습니다 어디까지 했는지 기억하실 거예요
두 개의 사용자 인터페이스를 작성했는데 하나는 GPT 4와 기능상 채팅용이었고 하나는
함수용 클로드와 채팅용이었죠
이제 여러분께 묻죠. TUT D.
이런 함수를 썼다고 가정해 보죠
이 함수는 복합 함수예요
스트림 모델이라고 하는 함수로 다른 이들을 호출하죠
프롬프트와 모델을 취하고 모델이 GPT라면 스트리밍 GPT를 호출하죠
클로드라면 개울이라고 하죠
안 그러면 클로드가 실수를 하죠
GPT나 클로드가 돼야 해요
그러면 순환하면서 한 덩어리를 한 번에 수확해요
함수라고 불렀지만 사실은 아니죠
발전기예요
어떤 모델로 부르느냐에 따라 다른 모델에서 덩어리가 나와요
잘 작동할 거예요
변수가 몇 가지 더 있는 함수가 됐죠
그러니 그라디오에게 그건 또 다른 함수일 뿐이죠
그 함수를 중심으로 사용자 인터페이스를 쉽게 만들 수 있다는 거죠
한번 보죠
여기 있네요
인터페이스예요
이 함수는 우리가 방금 입력한 하이브리드 생성기예요
물론 입력값은 2개죠
그중 하나는 메시지예요
다른 사람들은 이렇게 쉬우면 좋겠어요
두 개의 값을 불러오는 거죠 GPT나 Clude Label SELECT 모델로요
그런 다음 그걸 출력으로 하는 거죠
하지만 그렇게 쉬운 일은 드물죠
여긴 그라디오라서 모든 게 정말 쉬워요
죄송해요, 이것부터 확인할게요
됐어요
그렇게 간단하지 않아요
여전히 모든 코드를 실행해야 해요
자, 시작하죠
Get up, 예를 들어 타임스스퀘어에서 그랜드 센트럴까지 어떻게 가죠?
모델 중 한 명을 선택해요
GPT를 선택해 제출하면 마크다운에서 스트리밍되죠
방향 문제에 대한 GPT의 반응이죠
즐거운 시간 보내세요
아주 좋아요
이번에는 선택지가 더 많아진 것 같지만 어쩔 수 없죠
아닐지도 모르죠
기억날 거예요
클로드를 보고 같은 질문을 하면 돼요
똑같은 질문에 대한 클로드의 대답이에요
클로드 하이쿠를 써서요
그래서 대답이 짧고 간결해진 것 같아요
정말 놀랍지 않아요?
멋지죠?
이 기능성만 빌드했죠
두 모델 사이를 넘나들면서 같은 질문을 하면 답이 나오죠 Get it
그냥 실행시킬 수도 있어요 멋진 채팅 UI를 원하시면요 다양한
모델로 튕길 수 있죠
유용한 도구죠
그리고 여러분이 상상할 수 있는 명백한 훈련이 하나 더 있어요 여기에 제미니를 추가하는
거죠
왜요?
상상이 되시죠?
아주 쉬워요
그냥 추가하는 거죠
제미니를 선택해도 되고요
제미니 강의에서 스트림하는 법을 보여드린 적은 없지만 아주 비슷해요 구글로 빠르게 검색하면
아주 명확한 문서화가 있고 그걸 추가해서 그 코드를 푸시해 제가 갖고 다른 학생들과
공유할 수 있죠
그럼 좋죠
좋아요
이 실험실의 마지막은 괜찮을 거예요
지난번에 만든 회사 브로슈어 생성기를 가져다 사용자 인터페이스를 적용해 보죠.
그럼 정말 멋지겠죠?
이제 아셨으니 말씀드렸듯이 아주 간단할 거예요
그래서 전 그 책자의 초기 버전을 선택했어요
랜딩 페이지만 사용할 거예요
모든 링크를 모으는 2단계 프로세스는 하지 않겠습니다 지금 필요한 것보다
더 복잡할 수 있으니까요
URL과 제목, 텍스트를 가진 웹사이트 클래스의 간단한 버전을 보여드릴게요 어떻게
작동하는지 기억하실 거예요
요청 패키지를 사용하고 뷰티풀 get을 이용해 관심 없는
걸 걸러내고 텍스트를 얻죠
getcontext 도우미가 있어요 일종의 getcontent 도우미로 페이지 제목과
본문을 제공하죠
도우미 수업은 여기까지고요
실행하는 거 잊지 마요
시스템 프롬프트예요
회사 웹사이트의 내용을 분석하고 랜딩 페이지에 짧은 답변을 작성하는
시스템에 있죠
마크다운에는 시스템 프롬프트가 있어요
스트림 브로슈어 함수가 있어요 회사 이름, URL 그리고 모델을 취하죠
회사명을 위한 회사 안내 책자를 생성해 달라고 하네요
이게 랜딩 페이지예요
그런 다음 웹사이트 도우미 클래스를 이용해 해당 URL을 읽고 내용을 get 하죠
이제 이해가 되네요
웹 사이트의 내용을 get 할 거예요
그걸 프롬프트로 바꿀게요
GPT라면 GPT에서 스트림할 거예요
클로드면 클로드에서 물을 퍼내야죠
안 그러면 에러가 발생해서 발전기를 만들게 되고 결과물이 한 덩어리씩 나올
거예요
비트라고 부르는 게 오해의 소지가 있는 것 같아요 사실 비트 한 덩어리씩이 아니거든요
총액이에요
이름을 바꾸는 게 좋겠어요 이 상황을 더 잘 반영하는 이름으로요
Get you, I'm get you, I'm get you, I'm get it, I'm it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get it, I'm get'm get, I'm get'm get, I'm get.
이거면 될 거예요
그럼 좋지 않을까요?
Get it이라고 하면 질릴 테니 그만할게요
하지만 좋아요
함수를 스트림 브로슈어로 대체하는 것만큼 간단해요
여기 입력값이 보이시죠
물론 세 가지 입력값이 있죠
회사 이름이 생겼네요
랜딩 페이지 URL이 있어요
그런 다음 모델을 고르죠
한번 해 보죠
여기 있네요
현지에서 운영되죠
회사명 포옹 얼굴이라고 할 수 있게 띄워 주세요
랜딩 페이지 URL도 말할 수 있죠
이렇게 하죠
안아주기요 co와 select 모델을 선택하세요
GPT에 먼저 추가하고 제출을 누르라고 요청할 거예요
이제 시작이네요
이건 회사 안내 책자예요 헐깅페이스 스트리밍을 마크다운으로 하는 거죠 웹 스크래프를 기반으로요
다 있어요
심지어 아래쪽에 다양한 용도의 링크가 있어요
네, 링크가 맞는 것 같네요
이거면 되겠어요
몇몇 링크들은 작동하지 않을 것 같습니다 생성된 방식 때문에요
그래도 웹페이지는 정말 인상적이에요 브로슈어도 인상적이고요
정말 좋아요
클로드가 클로드 하이쿠로 뭘 하는지 보죠
물론이죠
좀 더 날씬하지만 이 정도면 괜찮아요
함께 인공지능의 미래를 만들어 나가요
하이쿠 책자가 아주 좋네요
이제 됐어요
네
그러디오를 쓸 때마다 정말 놀라워요 얼마나 단순하고 효과적인지 말이에요
책자 주위에 사용자 인터페이스를 구축했어요 다른 모델 사이에서 고를 수
있죠 인정합시다, 쉬웠어요
이 상황을 개선할 방법은 아주 많아요
앞서 언급한 제미니를 추가할 수도 있고 이 예제에도 추가할 수 있어요
다른 아이디어는 다른 드롭다운을 추가하는 거예요 스타일이나 톤을 고를 수 있는 드롭다운요
시스템 프롬프트도 쉽게 바꿀 수 있죠 브로슈어가 익살스럽고
농담조로 유쾌하게요
저 드롭다운에서 고를 수 있도록 설정해 볼까요? 다른 톤을 선택하면
그 톤을 이용해 회사 브로슈어를 생성하죠
사실 엄청 쉬워요
그러니 한번 해보세요
그렇게 해요
이 응용 프로그램을 강화해 기능성이 점점 더 높아지게 될
거예요
즐거운 시간 보내시길 바라요
나중에 코드를 확인하세요
Get it, get it. 보여주세요
그럼 다음 강의에서 마무리하도록 하죠