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. 스트림릿(streamlit)의 다양한 UI 함수들 정리 1 - 글자출력/데이터프레임 출력/버튼, 라디오버튼, 체크박스, 셀렉트박스 만들기 스트림릿(streamlit)의 다양한 UI 함수들 정리 1 바로가기 리스트!! 글자 출력하기 파이썬 데이터프레임 출력 [Dataframe] 버튼 만들기 [Button] 라디오 버튼 만들기 [Radio Button] 체크 박스 만들기 [Check Box] 셀렉트 박스 만들기 [select Box] 1. 글자 출력하기 st.title() : 제목같은 큰 글씨 st.subheader() : 제목보다 작은 글씨 st.text() : 기본 작은 글씨 import streamlit as st def main() : st.title('웹 대시보드') name = '주일룡' st.text('제 이름은 {} 입니다.'.format(name)) # 작은 글씨 st.header('이 영역은 헤더 영역') # 제목같은 큰 글.. 2022. 5. 19. 비주얼 스튜디오 코드의 터미널을 이용해서 스트림릿 실행하는 방법 비주얼 스튜디오 코드의 터미널을 이용해서 스트림릿 실행하는 방법 1. 파이썬 새파일 생성하고, 스트림릿으로 웹에 띄우기 비주얼 스튜디오 코드에서 (문서에 +)가 있는 아이콘을 눌러 새로운 파일을 생성합니다. 원하는 코드를 작성합니다. 스트림릿 기본 문법!! import streamlit as st def main() : ... if __name__ == '__main__' : main() 코드작성이 끝나고 저장을 누른후 이번에는 새 터미널을 열어 command 프롬프트로 바꾸고 streamlit run 파일명을 입력하여 웹에 띄워줍니다. 2. 파이썬 연동을 위한 새 터미널 여는 방법 상단 메뉴에서 Terminal을 누르고 새 터미널을 열어 줍니다. 하단에 열린 터미널을 Command Prompt로 꼭! .. 2022. 5. 19. Streamlit(스트림릿) 설치 방법 Streamlit(스트림릿) 설치 방법 1. 스트림릿(Streamlit)이란? 스트림릿은 빅데이터와 머신러닝을 간단하게 배포할수 있는 파이썬(Python) 기반의 웹어플리케이션으로 대시보드를 쉽게 만들수 있습니다. 2. 설치하기 사이트 https://streamlit.io/ Streamlit • The fastest way to build and share data apps Streamlit is an open-source app framework for Machine Learning and Data Science teams. Create beautiful web apps in minutes. streamlit.io 스트림릿 사이트에 설치방법이 있는데 클릭하면 클릭하면 자동 복사가 됩니다. pip ins.. 2022. 5. 19. 소스코드 버전 관리를 위한, Git과 Github.com 사용법 소스코드 버전 관리를 위한, Git과 Github.com 사용법 1. 소스코드 버전 관리 소스코드 버전 관리는 동일한 소스 코드에 대한 여러 버전을 관리하는 것을 말합니다. 여러명이 하나의 프로젝트를 공동으로 작업할때 코드를 관리해주는 시스템입니다. 소스코드의 변경이 있을때마다~ 수정 전후의 내용을 파악할수 있고, 프로젝트 진행중에 문제점이 생겼을때 다시 이전으로 돌아갈수도 있습니다. 각자 코드를 공유, 동기화하고, 수정할때 더욱 효율적이고 안정적으로 할수 있습니다. 소스코드 버전 관리 툴로는 Git, GitHub, GitLab, Team Foundation Server, Subversion, Bitbucket, TortoiseSVN 등등 다양하게 많은데요. 그중에서도 가장 많이 사용되는 Git(깃), .. 2022. 5. 19. 이전 1 다음
