Streamlit - 이미지 파일 GitHub에 업로드 하기
이 글은 Python 언어와 Visual Studio Code, GitHub Desktop을 기반으로 작성되었습니다. 웹 대시보드를 이용하여 이미지 파일 업로드 하기 업로드 서버는 GitHub이므로 저는 GitHub과 연동되어 있는 상태에서 진행하였습니다. 과정을 확인하면서 봐야 이해가 쉬우므로 한단계씩 진행하겠습니다. 파일 이름의 중복이 있을 수 있으므로 저장은 현재 시간을 기준으로 저장하는 것으로 진행하겠습니다. 파일 업로드 함수 .file_uploader('보여줄 메시지', tytpe= '업로드파일 확장자') 여러 파일을 업로드 하려면? 옵션 > accept_multiple_files=True로 하면 여러 파일을 업로드 할 수 있습니다. 예시) 사진 파일(jpg/png/jpeg) 업로드하기 업로드를..
- AI & ML/Streamlit (Web Dashboard)
- · 2022. 5. 20.
Streamlit - 유저의 데이터를 받아 상호작용하기(텍스트 필드)
이 글은 Python언어와 Visual Studio Code, GitHub Desktop을 기반으로 작성되었습니다. # 웹 대시보드에서 텍스트 필드로 유저와 상호작용하기 텍스트 필드의 값을 이용해 즉각적인 상호작용을 하므로 서버측이 아닌 클라이언트측 상호작용입니다. 즉, 사전에 유저가 무엇을 할지 미리 정해놓고 선택에 따른 수행을 하는 것을 뜻합니다. 웹 대시보드 사용을 하기 위한 streamlit 라이브러리 호출 편의상 streamlit을 st로 축약해서 사용 import streamlit as st 텍스트 필드에 값 입력 받기 (text_input) .text_input('보여줄 메시지') 입력 받은 데이터를 이용해 상호작용 옵션 > max_chars 를 사용하여 최대 길이 사용 가능 옵션 > typ..
- AI & ML/Streamlit (Web Dashboard)
- · 2022. 5. 20.
Streamlit - 웹 대시보드에서 매체(이미지,영상,음악) 사용하기
이 글은 Python언어와 Visual Studio Code, GitHub Desktop을 기반으로 작성되었습니다. # 웹 대시보드에 이미지, 영상, 음악 사용하기 웹 대시보드 사용을 하기 위한 streamlit 라이브러리 호출 편의상 streamlit을 st로 축약해서 사용 import streamlit as st 웹 대시보드에서 이미지 사용하기 .image('경로와 파일이름') 이미지는 파일과 URL을 이용하여 출력 할 수 있다. 1. 내 서버(혹은 컴퓨터)에 있는 이미지 파일 불러오기 옵션 > use_column_width=True로 설정하면 현재 창을 기준으로 가로세로 너비가 조절 소스 코드 st.image('data2/image_03.jpg') st.image('data2/image_03.jpg..
- AI & ML/Streamlit (Web Dashboard)
- · 2022. 5. 19.
Streamlit - 웹 대시보드에서 상호작용 버튼 만들기
# Streamlit 상호작용 하는 버튼 이용하기 웹에서는 로그인을 위해 사용하는 로그인 버튼이나, 주소 입력시 여러 지역 중 내 거주 지역을 선택하는 등등 많은 것들의 기능이 있습니다. 이번 포스팅에서는 웹에서 활용 할 수 있는 버튼들을 다룹니다. 설명보다는 눈으로 보고 이해하는게 빠를 것 같으니 바로 소스코드와 실행화면과 함께 출력 # Visual Studio Code에서 Streamlit 상호작용 버튼 이용하기 라이브러리 호출 및 CSV파일 데이터프레임화 import streamlit as st import pandas as pd df = pd.read_csv('data2/iris.csv') 버튼 버튼을 누를시 정해진 작업 수행 .button('버튼이름') 예시) 버튼을 누를시 특정 컬럼의 문자열을..
- AI & ML/Streamlit (Web Dashboard)
- · 2022. 5. 19.