태지쌤

로봇 & 코딩교육 No.1 크리에이터

카테고리 없음

streamlit 파이썬 조합으로 웹앱 만들기

태지쌤 2023. 7. 28. 12:43
반응형

안녕하세요? 로봇 & 코딩교육

No.1 크리에이터 태지쌤이에요.

찾아가는 AI교육캠프를 준비하면서

알게 된 streamlit

html, CSS, 자바스크립트 필요없이

순수하게 파이썬만으로

웹앱을 만들 수 있어요.

streamlit은 관련 문서가

잘 정리되어 있고

예시 코드도 제시되어있어서

간단한 코드 복사 붙여넣기 만으로도

streamlit을 경험해 볼 수 있어요.

VScode나 파이참을 설치해서

로컬에서 코딩할 수도 있지만

학교에서 여러 학생들을 대상으로

교육을 해보니까 각 PC마다

설정이 다 다르고 파이썬 설치 옵션

파이썬 실행 파일의 위치 등

참 에러의 원인이 다양하더라구요.

그래서 학교에서 교육할 때는

VScode나 파이참보다는

설치없이 클라우드에서 바로 실습할 수 있는

replit을 추천드려요.

streamlit에 있는 예시코드를

replit에 붙여넣은 후 실행해보세요.

이때 먼저 streamlit을 설치해야해요.

replit을 사용할 때는

console이 아닌 shell에서 설치해야해요.

pip install streamlit

 

위 명령어를 쉘에 입력해주세요.

예시코드를 입력한 후

파이썬 파일을 실행할 때는

 

streamlit run main.py
streamlit run m

아래의 코드를 입력 후 실행해보세요.

 
import  streamlit as st
st.title('My first web-app')

import까지 단 두 줄만으로 웹앱을 만들었어요.

동일한 방식으로 아래와 같이

다양한 streamlit의 명령어를 추가하면서

어떻게 웹앱이 변화하는지

비교해보면 재미있어요.

import streamlit as st
st.title('My first web-app')
st.header('header')
st.subheader('subheader')
st.caption('캡션')
sample_code = ''' def function(): print('hello') '''
st.code(sample_code, language="python")
st.text('text')
st.markdown('streamlit은 :red[**마크다운 문법을 지원**]합니다.')

오직 파이썬만으로 만들어본

간단한 웹앱입니다.

바로 도전해보세요~!!

 

반응형