본문 바로가기
APP/Streamlit

[Streamlit] Streamlit의 기초! Sidebar

by Foxy현 2023. 8. 9.
728x90
반응형

Streamlit의 사이드바로 인터랙티브한 웹 애플리케이션 구축하기

데이터 애플리케이션에서 사용자 입력을 수집하거나 다양한 설정 옵션을 제공하는 것은 중요합니다. Streamlit은 이러한 기능을 제공하는 사이드바를 간단하게 추가할 수 있도록 지원합니다. 이번 글에서는 Streamlit의 사이드바를 활용하는 방법을 살펴보겠습니다.

 

1. 사이드바에 제목 및 헤더 추가

사이드바는 메인 콘텐츠 영역 외부에 위치한 추가적인 영역으로, st.sidebar를 통해 접근할 수 있습니다. 사이드바에 제목과 헤더를 쉽게 추가할 수 있습니다.

 

st.sidebar.title('타이틀 -대')
st.sidebar.header('타이틀 -중')
st.sidebar.subheader('타이틀 -소')

2. 사이드바에 선택 상자 추가

st.sidebar.selectbox()를 사용하면 사용자에게 다양한 옵션 중 하나를 선택하게 할 수 있습니다. 선택한 결과는 변수에 저장되어 후속 처리에 사용될 수 있습니다.

 

x = st.sidebar.selectbox('다음 한 가지 선택',['a','b','c'])

 

 

보시다시피 사이드바를 이용해서 이전에 배웠던 것들을 활용할 수 있습니다.

 

3. 사이드바에서 with 구문 사용

with 구문을 사용하면 사이드바 안에서 여러 UI 요소를 그룹화하여 구성할 수 있습니다. 이는 코드의 가독성을 높이며 구조적으로 사이드바 요소를 관리하는 데 도움이 됩니다. 

1번 내용을 다른 방법으로 구현해봅시다.

 

with st.sidebar:
    st.title('타이틀 -대')
    st.header('타이틀 -중')
    st.subheader('타이틀 -소')

 

 


Streamlit의 사이드바는 사용자와의 상호작용을 강화하며, 필터링, 설정 변경, 사용자 입력 수집 등의 기능을 제공하는 데 매우 유용합니다. 그리고 이러한 모든 기능은 파이썬의 간단한 구문과 함께, 빠르게 구현될 수 있습니다.

 

 

728x90
반응형