"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Gradio로 멋진 앱을 만드는 방법!

Gradio로 멋진 앱을 만드는 방법!

2024-11-02에 게시됨
검색:891

How to Make a Cool App with Gradio!

안녕하세요, 코더 여러분! 평소와는 다른 내용으로 돌아왔습니다. 오늘은 그라디오(Gradio)에 대해 배워보겠습니다! 사람들이 컴퓨터와 대화하는 데 도움이 되는 앱을 만드는 것은 마치 마법과도 같습니다.

이제 이 그라디오가 무엇인지 궁금하실 겁니다.

그라디오란 무엇인가요?

Gradio를 앱 제작을 위한 마술 지팡이로 상상해 보세요. 애완동물 로봇이 있다고 상상해 보세요. 로봇에게 질문을 하거나 사진을 보여주면 로봇이 대답해줍니다! Gradio는 사용자가 글을 입력하거나 그림을 제공할 수 있고 컴퓨터가 이에 응답할 수 있는 인터페이스를 구축하는 데 도움이 됩니다.

시작하기 위해 코딩에 대해 많이 알 필요는 없습니다. 매우 기본적이고 사용하기 쉽습니다. 어떻게 사용하는지 볼까요!

1단계: Gradio 설정

시작하기 전에 컴퓨터에 Gradio를 설치하라고 지시해야 합니다.

  1. 터미널을 엽니다.

  2. 터미널에 다음을 입력하세요.

pip 설치 그라데이션

이 명령은 Gradio를 설치하고 설정하는 데 도움이 됩니다. 이제 앱을 만들 준비가 모두 완료되었습니다!

2단계: 매우 간단한 앱 만들기

첫 번째 앱을 만들어 보겠습니다! 이 앱에서 컴퓨터는 귀하의 이름을 물을 것이고, 컴퓨터는 귀하에게 인사할 것입니다. 재미있을 것 같죠?

이 코드를 작성하세요:

Gradio를 gr로 가져오기

데프 인사(이름):
"안녕하세요, " 이름 "!"을 반환합니다.

iface = gr.Interface(fn=greet, inputs="text", outputs="text")
iface.launch()

이제 이 코드에서 무슨 일이 일어나고 있는지 생각하고 계실 것입니다. 분석해 보겠습니다.

  1. grdio를 gr로 가져오기: 이는 컴퓨터에서 Gradio를 사용하여 앱을 만들라고 말하는 것과 같습니다.

  2. def Greeting(name): 이름을 묻는 함수로, 이름과 함께 Hello를 반환합니다.

  3. iface = gr.Interface(fn=greet, inputs="text", outputs="text"): 이 부분은 Gradio에 앱 빌드 방법을 알려줍니다. 일부 텍스트를 입력으로 사용하고 텍스트를 출력으로 반환합니다.

  4. iface.launch(): 이는 앱을 시작하는 데 도움이 됩니다.

이제 코드를 실행하면 이름을 쓸 수 있는 상자가 표시되고 컴퓨터가 인사할 것입니다. 멋지지 않나요? 이름을 입력해 보세요.

3단계: 사진으로 더욱 재미있게 만들기!

사진을 추가해서 앱을 더욱 멋지게 만들어보자! 여기에서는 컴퓨터에 사진 몇 장을 보여주고 컴퓨터에 사진을 식별하도록 지시합니다.

우리는 많은 동물이 어떻게 생겼는지 이미 알고 있는 기계 학습 모델을 사용할 것입니다.

다음 코드를 작성하세요:

Gradio를 gr로 가져오기
tensorflow.keras.applications.resnet50에서 import ResNet50, decode_predictions, preprocess_input
tensorflow.keras.preprocessing에서 이미지 가져오기
numpy를 np로 가져오기

모델 = ResNet50(weights="imagenet")

def classify_image(img):
img = image.img_to_array(img)
img = np.expand_dims(img, 축=0)
img = preprocess_input(img)
preds = model.predict(img)
return decode_predictions(preds, top=1)[0][0][1]

iface = gr.Interface(fn=classify_image, inputs="image", outputs="label")
iface.launch()

기능을 더 잘 이해하기 위해 이 코드를 분석해 보겠습니다.

  1. 모델 로드: ResNet50을 컴퓨터의 두뇌로 업로드하고 있습니다. 이는 컴퓨터가 사진에 있는 내용을 추측하는 데 도움이 됩니다.

  2. classify_image: 이 함수는 이미지를 가져와서 그것이 무엇인지 추측합니다.

  3. inputs="image": 이제 텍스트 대신에 앱이 사진을 입력으로 요청합니다.

이제 코드를 실행하고, 사진을 업로드하고, 컴퓨터가 추측하게 할 수 있습니다. 그 안에 무엇이든 업로드할 수 있습니다.

4단계: 친구들과 앱 공유하기!

이제 멋진 앱을 만들었으니 네트워크 및 친구들과 공유해 보세요. Gradio는 전 세계 누구와도 공유할 수 있는 특별한 링크를 제공하여 이 작업을 매우 쉽게 만듭니다!

방법은 다음과 같습니다:

코드의 마지막 부분을 다음으로 변경하세요.

iface.launch(share=True)

이 코드를 실행하면 Gradio는 친구에게 보낼 수 있는 링크를 제공합니다. 다른 사람들도 브라우저에서 링크를 열고 여러분과 마찬가지로 여러분의 앱을 사용할 수 있습니다!

5단계: 더 재미있는 기능 추가

Gradio 앱을 원하는 대로 맞춤설정할 수 있습니다. 앱을 더욱 재미있게 만드는 몇 가지 방법을 살펴보겠습니다.

  1. 제목 및 설명 변경

앱에 좋은 제목과 설명을 지정하여 더욱 상호작용할 수 있습니다.

iface = gr.Interface(
fn=classify_image,
입력="이미지",
출력="레이블",
title="동물 분류기",
Description="이미지를 업로드하면 어떤 동물인지 추측해 볼 수 있어요!"
)
iface.launch()

이제 앱이 훨씬 더 멋지게 보입니다. 이름과 설명이 추가되어 더욱 전문적으로 보입니다.

2.더 많은 입력 및 출력 사용

컴퓨터에 더 많은 정보를 제공하려면 어떻게 해야 합니까? 어쩌면 그림을 보여주고 텍스트를 입력하고 싶을 수도 있습니다. Gradio도 이를 처리할 수 있습니다!

이미지와 텍스트를 모두 입력으로 사용하여 앱을 만드는 방법은 다음과 같습니다.

iface = gr.Interface(
fn=classify_image,
입력=["이미지", "텍스트"],
출력="레이블"
)
iface.launch()

이제 앱이 이미지와 일부 텍스트를 모두 사용합니다. 마치 컴퓨터가 더 똑똑해진 것 같아요!

결론

우와! 방금 Gradio를 사용하여 멋진 앱을 만드는 방법을 배웠습니다! 이를 사용하면 많은 앱을 만들 수 있고 코딩이 정말 재미있어집니다. 여기에서 더 자세히 알아볼 수 있습니다.

Linkedin과 Github에서 저를 팔로우하는 것을 잊지 않으셨다면 이 블로그가 즐거웠기를 바랍니다. 어서 저 역시 명성을 얻을 자격이 있으니 그렇지 않다면 댓글로 저를 비판해 주세요.

즐거운 코딩하세요!!

릴리스 선언문 이 기사는 https://dev.to/abhinav_yadav_554cab962bb/how-to-make-a-cool-app-with-gradio-3kgl?1 에서 복제됩니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다. 그것
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3