Python/Streamlit9 스트림릿(Streamlit) 화면 레이아웃(layout) 구성 스트림릿(Streamlit) 화면 레이아웃(layout) 구성 안녕하세요. 힐링아무 입니다. 스트림릿(Streamlit) st.columns 로 화면의 레이아웃을 잡는것은 사실 아직도 정확히는 모르겠어요. 만들때마다 달라지는 삽질에 삽질을 거듭하며 대충 이렇다 정도?? (오늘에야 조금 알것같아 포스팅을 올리기로 했지요^^) 1. 꽉찬 화면구성 스트림릿으로 대시보드를 만들면 가운데 오는 컨텐츠는 가로 영역이 아주 작아요. st.set_page_config(layout="wide") 위에 코드를 화면 위쪽, 라이브러리 불러오는 부분 밑에 추가해 주면 가운데 영역을 꽉찬 화면으로 바꿀수가 있습니다. 2. 스트림릿 레이아웃 레이아웃 구성 입니다. 1. 가운데 영역은 기본보다 넓게! 2. 양쪽에는 조금씩 여백을 .. 2022. 6. 1. 스트림릿(Streamlit) 긴 문자열 스크롤창 안생기고 줄바꿈되는 것처럼 가독성 있게 출력하기 스트림릿(Streamlit) 긴 문자열 스크롤창 안생기고 줄바꿈되는 것처럼 가독성 있게 출력하기 안녕하세요. 힐링아무 입니다. 요즘 스트림릿(Streamlit)로 프로젝트 진행중인데~ 화면구성이 내맘처럼 쉽게 안되네요^^ 오늘도 여러가지 찾아보느라 삽질에 삽질을ㅠ 1. 긴 문자열 출력할때 텍스트 영역 판다스 데이터프레임에서 '간략설명'을 필터링해서 화면에 출력했어요. st.text(content) 그런데 줄바꿈이 안되있어 밑에 스크롤창 생기고 글짜는 옆으로 쭈욱 써있어서 너무 맘에 안들어요. (내가 원한건 이게 아니라구 ㅠ) st.markdown(content) 이때 st.markdown 안에 출력해줄 변수를 넣어주니 제가 원하는데로 텍스트 영역이 만들어 지더라구요. 바로 요렇게!! 누구나 잘 아는 사실.. 2022. 6. 1. 스트림릿(Streamlit) 대시보드 라디오버튼 수평으로 놓기 스트림릿(Streamlit) 대시보드 라디오버튼 수평으로 놓기 안녕하세요. 힐링아무 입니다. 스트림릿(Streamlit) 대시보드를 만들때 라디오버튼을 사용하는 경우도 많이 있을텐데요. 라디오버튼 기본 사용은 수직으로 label 들이 나열되는데 이것을 레이아웃에 따라서는 수평으로 놓아야 할때가 있습니다. 기본 라디오버튼은 이렇게 화면에 보여주는데~ 수평으로 놓는 방법을 알아보도록 하겠습니다. # Import streamlit as st st.header("평점을 선택하세요!!") # Create Radio Buttons st.radio(label = 'Radio buttons', options = ['5점', '4점', '2점', '1점'] st.write('', unsafe_allow_html=True.. 2022. 5. 30. Data Dashboard App(데이터 대시보드 앱)을 개발하는 순서 Data Dashboard App(데이터 대시보드 앱)을 개발하는 순서 대시 보드 앱 개발 순서 1. 관심있는 사이트를 찾는다. 공공 데이터, 교육, 캐글, 문화 등등 (csv 파일) 2. 작업은 구글 코랩에서 한다. EDA (데이터분석) + ML (머신러닝) 3. 내 컴퓨터에 스트림릿 로컬에서 웹 대시 보드를 만든다. 정상적으로 동작하는지 확인 4. AWS 리눅스서버에 올린다. (이것을 배포라고 함) 힐링아무의 코딩일기 힐코딩! 2022. 5. 20. 스트림릿(streamlit)의 다양한 UI 함수들 정리 2 - 멀티셀렉트/슬라이더, 익스펜더 만들기/이미지,동영상,오디오파일 출력/유저한테 입력받기 스트림릿(streamlit)의 다양한 UI 함수들 정리 2 바로가기 리스트!! 멀티 셀렉트 [Multiselect] 슬라이더 만들기 [Slider] 익스펜더 만들기 [Expander] 이미지파일 출력 [Image] 동영상 파일 출력 [Video] 오디오 파일 출력 [Audio 유저한테 글자 입력받기 [text_input] 유저한테 숫자 입력받기 [number_input] 유저한테 날짜 입력받기 [date_input] 유저한테 시간 입력받기 [time_input] 유저한테 색을 입력받기 [color_picker] 유저한테 비밀번호 입력받기 1. 멀티 셀렉트(Multiselect) st.multiselect() 멀티 셀렉트 박스는 여러개 중에서 여러개를 선택하는 UI입니다. 선택한 문자열을 리턴합니다. im.. 2022. 5. 20. 이전 1 2 다음
