본문 바로가기

전체 글91

[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.
[Streamlit] Streamlit의 기초! 데이터 출력하기 Streamlit의 이전 글에 이어서 오늘은 데이터 출력하는 방법에 대해 알아보겠습니다. 이전 글을 참고해주시길 바랍니다. 2023.08.07 - [APP/Streamlit] - [Streamlit] Streamlit의 기초! 텍스트 출력하기 [Streamlit] Streamlit의 기초! 텍스트 출력하기 Streamlit 간단히 알아보기 Streamlit은 데이터 과학자와 개발자가 빠르게 웹 앱을 생성할 수 있게 도와주는 파이썬 라이브러리입니다. 코드 몇 줄만으로 대화형 시각화 및 대시보드를 만들 수 있어, foxyprogramming.tistory.com 데이터프레임 출력 Streamlit는 pandas 데이터프레임을 여러 방법으로 표시할 수 있습니다. st.write() : 기본적인 데이터프레임 출.. 2023. 8. 7.
[Streamlit] Streamlit의 기초! 텍스트 출력하기 Streamlit 간단히 알아보기 Streamlit은 데이터 과학자와 개발자가 빠르게 웹 앱을 생성할 수 있게 도와주는 파이썬 라이브러리입니다. 코드 몇 줄만으로 대화형 시각화 및 대시보드를 만들 수 있어, 복잡한 프론트엔드 지식이 없어도 웹 기반의 데이터 애플리케이션을 쉽게 제작할 수 있습니다. Streamlit은 빠른 프로토타이핑 및 데이터 분석 결과의 공유에 특히 유용합니다 오늘은 기초를 다지기 위한 텍스트 출력을 배워보겠습니다. Streamlit에서 다양한 헤더 스타일 사용하기 대제목: st.title() 함수를 사용하여 애플리케이션의 메인 제목을 생성할 수 있습니다. st.title('*타이틀* -대') 2. 중제목: st.header() 함수를 사용하여 부제목 또는 중요한 섹션 헤더를 추가할 .. 2023. 8. 7.
[AI] Kaggle 데이터로 데이터 분석하기 _ League of Legends Diamond Ranked Games 안녕하세요! 23년 6월 24일에 있을 빅데이터 분석기사 실기를 준비하면서 준비를 해도 불안함 마음으로 더 많은 자료를 찾는 분들이 있으실 텐데요 조금이라도 도움이 되고자 Kaggle 데이터를 활용해서 작업형 2 유형을 다뤄보겠습니다! Kaggle 입문자들에게도 좋을 것 같네요 https://www.kaggle.com/datasets/bobbyscience/league-of-legends-diamond-ranked-games-10-min League of Legends Diamond Ranked Games (10 min) Classify LoL ranked games outcome by looking at the first 10min worth of data www.kaggle.com 데이터는 오른쪽 상.. 2023. 6. 17.
[AI] Kaggle 데이터로 데이터 분석하기_ Student's Academic Performance Dataset 안녕하세요! 23년 6월 24일에 있을 빅데이터 분석기사 실기를 준비하면서 준비를 해도 불안함 마음으로 더 많은 자료를 찾는 분들이 있으실 텐데요 조금이라도 도움이 되고자 Kaggle 데이터를 활용해서 작업형 2 유형을 다뤄보겠습니다! Kaggle 입문자들에게도 좋을 것 같네요 https://www.kaggle.com/datasets/aljarah/xAPI-Edu-Data Students' Academic Performance Dataset xAPI-Educational Mining Dataset www.kaggle.com 데이터는 오른쪽 상단에서 Copy API command를 통해 가져오실 수 있습니다 이후 다음처럼 발급받은 username과 key를 입력하도록 하겠습니다 os.environ['KAG.. 2023. 6. 17.
[AI] Kaggle Data로 데이터 분석하기_Heart Failure Prediction 안녕하세요! 23년 6월 24일에 있을 빅데이터 분석기사 실기를 준비하면서 준비를 해도 불안함 마음으로 더 많은 자료를 찾는 분들이 있으실 텐데요 조금이라도 도움이 되고자 Kaggle 데이터를 활용해서 작업형 2 유형을 다뤄보겠습니다! Kaggle 입문자들에게도 좋을 것 같네요 Heart Failure Prediction 12 clinical features por predicting death events. www.kaggle.com 데이터는 오른쪽 상단에서 Copy API command를 통해 가져오실 수 있습니다 이후 다음처럼 발급받은 username과 key를 입력하도록 하겠습니다 os.environ['KAGGLE_USERNAME'] = 'sihyunlee9604' os.environ['KAGGL.. 2023. 6. 16.