본문 바로가기

분류 전체보기79

[Streamlit] Streamlit의 기초! 타이머 구현하기 Streamlit으로 동적인 카운트다운 타이머 구현하기 Streamlit을 사용하여 웹 애플리케이션에 동적인 요소를 추가하는 것은 꽤 간단합니다. 이번 글에서는 Streamlit을 활용하여 카운트다운 타이머를 어떻게 구현하는지 살펴보겠습니다. 1. 초기 메시지 설정하기 st.empty() 함수를 사용하여 나중에 내용을 업데이트 할 수 있는 빈 영역을 생성합니다. y = st.empty() y.write('Please Click Start Button') 2. 버튼 구성하기 st.columns() 함수를 사용하여 여러 개의 버튼을 옆으로 배열합니다. c1,c2,c3,_ = st.columns([1,1,1,5]) start = c1.button('시작', key=1) clear = c2.button('클리어.. 2023. 8. 9.
[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.

티스토리툴바