웹개발10 [Streamlit] Streamlit의 기초! Expander Streamlit으로 내용 펼치기 및 접기 구현하기 웹 애플리케이션에서 정보의 양이 많거나 사용자에게 중요한 내용만 먼저 보여주고 싶을 때, '펼치기 및 접기' 기능은 매우 유용합니다. Streamlit는 이를 위한 st.expander() 함수를 제공하여, 사용자 친화적인 UI를 손쉽게 구현할 수 있게 합니다. Expander 생성하기 st.expander() 함수를 사용하여 내용을 접고 펼칠 수 있는 영역을 생성합니다. 이 함수는 펼치기 및 접기 영역의 제목을 인자로 받습니다. x = st.expander('example1') x.write('댕댕이') x.image('https://static.streamlit.io/examples/dog.jpg', width=200) 다른 방식으로도 가능합니다. .. 2023. 8. 9. [Streamlit] Streamlit의 기초! Column과 Tab을 사용한 Layout Streamlit으로 멀티 컬럼 레이아웃 디자인하기 때로는 웹 애플리케이션에서 정보를 병렬적으로, 혹은 구조적인 방식으로 제시하고 싶을 때가 있습니다. Streamlit의 st.columns() 기능을 사용하면 멀티 컬럼 레이아웃을 쉽게 디자인할 수 있습니다. 이번 글에서는 이러한 레이아웃을 구성하는 방법에 대해 알아보겠습니다. 1. 동일한 너비의 컬럼 만들기 st.columns() 함수에 정수를 전달하면 해당 수만큼 동일한 너비의 컬럼들이 생성됩니다. col1, col2, col3 = st.columns(3) with col1: st.header('Col1') st.image('https://static.streamlit.io/examples/cat.jpg') with col2: st.header('C.. 2023. 8. 9. [Streamlit] Streamlit의 기초! Sidebar Streamlit의 사이드바로 인터랙티브한 웹 애플리케이션 구축하기 데이터 애플리케이션에서 사용자 입력을 수집하거나 다양한 설정 옵션을 제공하는 것은 중요합니다. Streamlit은 이러한 기능을 제공하는 사이드바를 간단하게 추가할 수 있도록 지원합니다. 이번 글에서는 Streamlit의 사이드바를 활용하는 방법을 살펴보겠습니다. 1. 사이드바에 제목 및 헤더 추가 사이드바는 메인 콘텐츠 영역 외부에 위치한 추가적인 영역으로, st.sidebar를 통해 접근할 수 있습니다. 사이드바에 제목과 헤더를 쉽게 추가할 수 있습니다. st.sidebar.title('타이틀 -대') st.sidebar.header('타이틀 -중') st.sidebar.subheader('타이틀 -소') 2. 사이드바에 선택 상자 .. 2023. 8. 9. [Streamlit] Streamlit의 기초! 미디어 출력하기 Streamlit으로 미디어 콘텐츠 출력하기 데이터 분석 및 시각화와 함께, 웹 애플리케이션에서는 다양한 미디어 콘텐츠를 통해 사용자 경험을 풍부하게 만들 수 있습니다. Streamlit은 이를 위한 다양한 미디어 출력 기능을 제공합니다. 이번 글에서는 Streamlit으로 이미지, 오디오, 비디오 등의 미디어 콘텐츠를 어떻게 표시하는지 알아보겠습니다. 이미지 출력하기 st.write('이미지:') st.image('1.png', width=200) 오디오 출력하기 audio_file = open("path_to_audio.mp3", "rb").read() st.audio(audio_file, format="audio/mp3") 동영상 출력하기 video_file = open("path_to_video... 2023. 8. 7. 이전 1 2 3 다음
