[Streamlit] 사용법 - 간단한 튜토리얼

[출처] Streamlit 홈페이지

 

0. Streamlit이란?

 

Streamlit는 Python으로 웹 애플리케이션을 쉽게 구축할 수 있도록 돕는 오픈소스 라이브러리입니다.

HTML, CSS, JavaScript와 같은 웹 개발 언어를 전혀 모르셔도,

Python 스킬만 어느 정도 갖추고 계시다면 누구나 손쉽게 재미있는 웹사이트를 만들어 볼 수 있습니다! :D

 

준비사항 : 이메일 계정, Github 계정

 

1. Streamlit Cloud 회원가입

https://streamlit.io/

Streamlit • A faster way to build and share data apps

 

Streamlit 사이트에 접속한 후, 회원가입을 진행해 주겠습니다.

 

회원가입에 사용할 이메일을 입력해 주신 후,

해당 이메일로 전송된 6자리 인증번호를 입력해 주세요.

 

우측 상단에 Create app을 클릭해 주세요.

 

Github 계정에 Connet 해주겠습니다.

 

계정을 입력해 주신 후 Sign in 해주세요.

 

이상으로 회원가입이 성공적으로 완료됩니다!

 

2. 첫 웹 제작하기

 

Streamlit에서 기본 제공하는 templete으로부터 시작해 봅시다.

 

저는 제일 간단한 템플릿인 Blank app을 선택해 주었습니다.

웹 URL은 원하시는 대로 입력해 주시면 됩니다.

 

우측 상단 연필 아이콘을 눌러 웹을 편집해 주도록 하겠습니다.

 

초기 웹 화면이 보입니다.

여기서 streamlit_app.py 파일로 넘어가 본격적인 편집을 시작하겠습니다.

 

Streamlit_app.py 클릭 시, 아래와 같이 현 웹페이지 스크립트를 확인하실 수 있습니다. 

 

3. 간단한 구현 해보기

 

st.title("...")
st.write("...")

기본적인 웹 타이틀 입력, 문구 입력 명령어입니다.

(참고) 가령 ":dog:"와 같이, :icon명:을 " " 안에 입력 시, 아이콘이 함께 출력됩니다.

 

import streamlit as st ### 이것은 필수. 건들지 맙시다!

st.title(":dog: 호두통계 웹페이지") ### :icon: 형태를 입력하여 아이콘을 삽입할 수 있습니다.
st.write("호두통계 웹페이지에 오신 것을 환영합니다!")

 

st.header("...", divider="red/gray/rainbow")

구분선과 함께 헤더를 삽입하는 명령어입니다.

divider는 red, gray, rainbow 외 blue, green, orange, violet 등 가능하며

False로 구분선을 미출력할 수 있습니다.

 

st.header(":dog: 호두통계 웹페이지", divider="red")
st.header(":dog: 호두통계 웹페이지", divider="gray")
st.header(":dog: 호두통계 웹페이지", divider="rainbow")

 

st.info("...", icon="💡")
st.success("...", icon="✅")
st.warning("...", icon="🔥")

아이콘과 함께 콜아웃을 삽입하는 명령어입니다.

원하는 아이콘을 입력하여 함께 출력해 줄 수 있습니다.

 

st.info("요즘 날씨가 많이 춥습니다.", icon="☃️")
st.warning("따뜻한 집에서 귤을 까먹읍시다.", icon="🍊")
st.success("이불밖은 위험하거덩뇨", icon="🏡")

 

st.write(" ")
st.divider()

한 칸을 띄워 쓰고 싶거나, 구분선을 통해 나눠주고 싶은 경우 위 명령어를 입력해 보세요.

 

st.write("한 칸을 띄워볼게요.")
st.write(" ")
st.write("뿅")

st.write("한 칸을 나눠볼게요.")
st.divider()
st.write("뿅")

 

st.markdown("...", unsafe_allow_html=True)

HTML 마크업을 사용하여 제목을 출력하는 기능입니다.

h5, h4, h3, h2, h1... 등으로 바꾸어 크기를 조절할 수 있습니다.

unsafe_allow_html=True는 Streamlit이 HTML을 안전하게 처리할 수 있도록 허용하는 옵션입니다.

 

st.markdown("<h6>포켓몬 도감</h6>", unsafe_allow_html=True)
st.markdown("<h4>포켓몬 도감</h4>", unsafe_allow_html=True)
st.markdown("<h2>포켓몬 도감</h2>", unsafe_allow_html=True)

 

st.image("..link..")

이미지 링크와 함께 이미지를 삽입하는 명령어입니다.

 

st.markdown("<h3>포켓몬 도감</h3>", unsafe_allow_html=True)
st.image("data:image/jpeg;base64,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")
st.write("- 피카츄")

 

col1, col2 = st.columns(2)
with col1: ...
with col2: ...

두 개의 열을 만들어서, 각 열에 다른 콘텐츠를 나란히 배치하는 명령어입니다.

좌측 열에 피카츄, 우측 열에 꼬부기 이미지를 삽입해 보겠습니다.

 

st.markdown("<h3>포켓몬 도감</h3>", unsafe_allow_html=True)
col1, col2 = st.columns(2)
with col1: 
    st.image("data:image/jpeg;base64,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")
    st.write("- 피카츄")
with col2:
    st.image("data:image/jpeg;base64,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")
    st.write("- 꼬부기")

 

4. 최종 업로드 해보기

 

최종 웹페이지에 사용할 코드 작성을 모두 마쳤습니다.

이제 업로드할 일만 남았네요.

 

작성한 코드를 github > streamlit_app.py에 옮겨 commit 해주시면 됩니다.

 

초기에 설정하셨던 웹 Url 통해 접속하면 웹페이지가 나타납니다!

 

 

---

 

이상으로 Streamlit 간단 튜토리얼 글을 마치겠습니다.

감사합니다. :3