스트림릿 웹앱 GitHub에 등록하고 share streamlit 배포하기

소개

Cursor 입코딩으로 스트림릿 배포를 하는데 있어, 입코딩으로 스트림릿 코드를 만드는 건 그리 어렵지 않다.

그런데 만들어진 스트림릿을 깃허브에 등록하고 배포를 하는 방법이 처음에는 좀 어려워서 쉽게 설명을 해보고자 한다.

ALT

한 남자가 스트림 릿트로 화면을 가리키고 있습니다.

https://youtu.be/_hUPNH1-heA?si=sPK-DrQfN5b9GJEm

진행 방법
사전 준비 : 커서를 이용해서 스트림릿 파일과 requirements.txt 준비

1. GitHub.com 사이트로 가서 지메일 등을 이용해서 등록을 한다

2. 스트림릿 프로젝트를 등록할 Repository 작성

   1. [new] 클릭해서 새로운 Repository 만들기

      

      ALT

      컴퓨터의 홈페이지 스크린 샷

   2. [test 입력]/ [public 선택]/ 우하단 [Create repository] 클릭

      

      ALT

      동기화 계정에 대한 동기화 설정의 스크린 샷

3. 리포지토리에 스트림릿 파일과 requirements.txt 파일을 등록

   1. 

      ALT

      재생 목록에 비디오를 추가하는 방법을 보여주는 웹 페이지의 스크린 샷

      • 주의사항 : requirements.txt 파일에 라이브러리 버젼을 생략해야함

      

      ALT

      요구 사항 목록을 보여주는 화면의 스크린 샷

      • Edge600-712.py 및 requirements.txt 파일을 등록(드래그앤 드랍 가능)

ALT

AA 이력서 페이지의 스크린 샷

4. share streamlit 사이트에서 스트림릿 코드 배포

   1. share.streamlit.io 사이트로 이동(로그인)

      • 우 상단 [Create app] 클릭

      

      ALT

      다른 앱을 보여주는 Google 검색 페이지의 스크린 샷

      • 좌측 [Deploy a public app from a GitHub] 선택

        

        ALT

        당신은 무엇을하고 싶습니까?

• (1) Repository 에서 좀전에 만든 레포지토리 선택(osam/test)

ALT

배포 앱 페이지의 스크린 샷

• (2) Main file path에서 스트림릿 파일을 선택(Edge600-712.py)

  

  ALT

  배포 앱 페이지의 스크린 샷

• (3) 파일명으로 사용할 이름을 입력(test-11)

• 

  ALT

  배포 앱 페이지의 스크린 샷

• [Deploy] 버튼 클릭

실제사례

• https://new600-1.streamlit.app/

  https://new600-1.streamlit.app/

  

  ALT

  한국 웹 사이트의 스크린 샷

결과와 배운 점

배운 점과 나만의 꿀팁을 알려주세요.

과정 중에 어떤 시행착오를 겪었나요?

쉐어 스트림릿에서 프로그램을 배포하는 과정에서 2-3차례 에러 발생

• requirements.txt 파일에서 라이브러리 버젼을 삭제하고 배포 성공

도움 받은 글 (옵션)

참고한 지피터스 글이나 외부 사례를 알려주세요.

https://youtu.be/_hUPNH1-heA?si=sPK-DrQfN5b9GJEm