Web Development/streamlit

[웹개발]streamlit으로 python 데이터분석 웹앱을 만들어보자!(4)

JackSmith 2023. 2. 7.

이번 마지막 시간에는 Github에 올린 main.py를 streamlit cloud에 끌고 와서(draw해서) 인터넷 상의 모든 사용자가 저희 페이지를 볼 수 있도록 해보겠습니다!

 

 

일단 구글 streamlit이라 치고 들어가 줍니다.

( streamlit링크: https://streamlit.io/ )

그리고 나서 회원가입을 하시고, 회원가입을 하셨으면, 로그인을 하여 들어가 줍니다.

 

그러면 이제 위와 같이, 뜰텐데, 'New app'을 눌러주세용.

 

이 사이트에 처음 접속하셨으니,  Warning이라는 alert창이 뜰거에요! 

'Connect to GitHub'를 눌러 들어가주시면, 인증하라고 뜹니다.

아래쪽으로 스크롤을 내리시면, 인증하라는 '초록색'버튼이 있을 텐데 눌러서 인증해주세요!

그러고 나면, [Your apps]에서 [ryanraynolds' apps]로 바뀌어 있을 거에요!

바뀐걸 확인하셨으면, 다시 [New app]버튼 클릭!

 

저희가 아까전에 깃허브에 원격 리포지토리를 streamlit-tutorial로 설정했던거 기억나시죠?

(잘 기억 안나시면, 아래 링크 참조)

https://jack-channel-python.tistory.com/entry/%EC%9B%B9%EA%B0%9C%EB%B0%9Cstreamlit%EC%9C%BC%EB%A1%9C-python-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B6%84%EC%84%9D-%EC%9B%B9%EC%95%B1%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%96%B4%EB%B3%B4%EC%9E%903

 

원격 리포지토리에 맞게 'Repository' 명을 맞춰 주시고, 

'Branch'는 'master'로, 'Main file path'는 'main.py'로 맞춰주세요!

그러고는 'Deploy'로 배포하기!

 

배포까지 완료했으면, 위 그림처럼 'row'가 하나 추가 될 거에요! 클릭해볼까요?

 

네! 저희는 여기까지 해서, 정상적으로 GitHub에 있는 python파일을 streamlit-cloud로 땡겨와서,

인터넷에 정상적으로 배포해보는 시간까지 가졌습니다!

지금까지 고생많으셨고, 앞으로도 꾸준히 좋은 포스팅을 올리도록 노력하겠습니다!

 

 

 

 

마치며..

앞으로 이 streamlit이라는 것으로 다양한 활동들을 하고, 그 기록을 여기에 남길 생각입니다.

그래서 github나 codepen에서 다른 분들이 streamlit으로 작업한 결과물들을 응용해보는 시간을 다음에 갖도록 하겠습니다

지금까지 따라오시느라 수고하셨고, 더 좋은 포스팅으로 찾아 뵙도록 하겠습니다!

https://www.google.com/search?q=github+streamlit&sxsrf=AJOqlzWdcMgd3xWgCEKSeeE8oi4Y5yry-Q%3A1675587114074&ei=Km7fY96PBMCm2roP4e4r&oq=github+strea&gs_lcp=Cgxnd3Mtd2l6LXNlcnAQAxgAMgQIABBDMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEMgUIABCABDIFCAAQgAQyBQgAEIAEOgoIABBHENYEELADOgQIIxAnOg0ILhCxAxDHARDRAxBDOgoILhDHARDRAxAnOgcIABCxAxBDOg0IABCABBAUEIcCELEDOggIABCABBCxAzoKCAAQgAQQFBCHAkoECEEYAEoECEYYAFDABlj2FGCcJGgBcAF4AIABeYgBlgmSAQM5LjOYAQCgAQHIAQrAAQE&sclient=gws-wiz-serp 

 

🔎 github streamlit: Google 검색

 

www.google.com

https://www.google.com/search?q=codepen+streamlit&sxsrf=AJOqlzVWZuyr6ReE3vRzhXNwmW9ax1eZ0A%3A1675587270574&ei=xm7fY5rAIs2v2roP0pa9-A8&ved=0ahUKEwiau7WAgf78AhXNl1YBHVJLD_8Q4dUDCA8&uact=5&oq=codepen+streamlit&gs_lcp=Cgxnd3Mtd2l6LXNlcnAQAzIECCMQJzoKCAAQRxDWBBCwAzoFCAAQogRKBAhBGABKBAhGGABQiQVY6wxgiw9oAXABeACAAXaIAboDkgEDMC40mAEAoAEByAEKwAEB&sclient=gws-wiz-serp 

 

🔎 codepen streamlit: Google 검색

 

www.google.com

https://minimin2.tistory.com/184

 

[Python] Streamlit 사용법 (python 데이터분석 웹 만들기)

streamlit 이란streamlit 은 python으로 데이터 분석을 위한 웹앱을 쉽게 만들어주는 라이브러리이다. 아래는 공식 홈페이지의 예시 코드로 python 코드 몇 줄이면 동작하는 웹 서비스를 만들 수 있다. dep

minimin2.tistory.com

https://discuss.streamlit.io/t/hide-the-arrow-in-st-metric/16622

 

Hide the arrow in st.metric

I love the new widget st.metric. I’ve been using to show statistical values and I’d like to use the “delta” to show a p-value. If I control the color using delta_color, I can make values for p>0.05 be red and p<0.05 be green. I still can’t remove

discuss.streamlit.io

https://kyeonghyeon86.tistory.com/category/IT%20%20%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D%20%EA%B4%80%EB%A0%A8/streamlit%20%EB%8C%80%EC%8B%9C%EB%B3%B4%EB%93%9C

 

'IT 프로그래밍 관련/streamlit 대시보드' 카테고리의 글 목록

공부하면서 복습용으로 정리하는 블로그.. 다 정리하고 싶지만 그렇게는 못하는 블로그..

kyeonghyeon86.tistory.com

https://github.com/ggrow3?tab=repositories 

 

ggrow3 - Overview

ggrow3 has 45 repositories available. Follow their code on GitHub.

github.com

 

댓글