[Streamlit] st.col, st.tab

2024. 2. 4. 18:47Streamlit

오늘은 streamlit에서 대시보드를 만들 때 조금 더 실용성있게 데이터를 넣을 수 있는 방법 두 가지를 가져왔습니다.

col과 tab인데 col은 내용을 n등분한 공간에 넣을 수 있는 기능이고, tab은 완전히 새로운 페이지를 열 수 있는 방법입니다. 코드와 실행 결과를 통해 알아보겠습니다. streamlit의 기본적인 내용은 여기에 있습니다.

https://hwdata.tistory.com/32

 

[streamlit] streamlit 배포

streamlit의 기본적인 사용법도 정리를 해야하는데,, 뭔가 순서가 꼬인 느낌,, 그래도 배포하는 방법 자체는 어렵지 않으니 이번에 그린 plotly 그래프를 stramlit에 배포를 해보겠습니다. 먼저 알아야

hwdata.tistory.com

 

col의 사용방법은 우선 col들을 생성하고, with를 통해서 각 col위치에 어떤 것을 표시할지 정해주면 됩니다. 저는 간단하게 다른 글자들을 써 넣어 보겠습니다.

# -*- coding:utf-8 -*-

import streamlit as st 

def main():
    col1, col2, col3, col4 = st.columns(4)
    with col1:
        st.write('hi')
    with col2:
        st.write('hello')
    with col3:
        st.write('안녕')
    with col4:
        st.write('안녕하세요')
    

if __name__ == '__main__':
    main()

그럼 다음과 같은 결과가 나옵니다 각각의 텍스트의 위치를 나눌 수 있습니다.

 

다음은 tab기능입니다. tab도 비슷하게 사용이 가능합니다.

    tab1, tab2, tab3 = st.tabs(["A", "B", "C"])
    with tab1:
        st.write('hi')
    with tab2:
        st.write('hello')
    with tab3:
        st.write('안녕하세요')