본문 바로가기
삼정KPMG Future Academy/웹개발 Framework

4주차 - Day 5. Streamlit 이용하여 웹 어플리케이션 구현 기초

by _이유 2025. 10. 24.

Python - Basic app

1. 사용했던 app 및 함수

import streamlit as st
import pandas as pd
import time
import plotly.express as px
# 사이드바
st.sidebar.title("메뉴")
st.sidebar.selectbox(
    "옵션 선택",
    ["Home", "Data", "Chart"]
    )

# 상위 탭 - 가장 상위에 있는 함수. 웹페이지에 들어가는 모든 요소들은 들여쓰기 후 사용
tab1, tab2, tab3 = st.tabs(["Home", "Data", "Chart"])

with tab1:
    st.header("Home")
    st.image("free-icon-font-calendar-lines-pen-7546729.png", width=200)
st.markdown("---")
with tab2:
    st.header("Data")
    st.image("free-icon-font-big-data-analytics-18829529.png", width=200)
st.markdown("---")

with tab3:
    st.header("Chart")
    st.image("free-icon-font-chart-line-up-7653182.png", width=200)
  • 이외의 다른 파일들은 streamlit에서 찾아서 사용하기

2. 환경세팅

  • 가상환경 만들기, 활성화하기
  • 필요한 라이브러리 설치

3. DB 작업: DB 생성, 테이블 생성, 데이터 생성

  • 앱 파일이 있는 디렉토리로 이동 (cd <폴더명>)
  • streamlit run <앱파일.py> 실행

4. 앱에서 DB 접속을 위한 환경변수 파일 생성

  •  보안을 위해 환경변수 파일로 분리 : .env

5. 테스트

  • 문제 있으면 해결

회고

시작한지 딱 4주차가 되는 날이 되었는데 처음 시작할때 아무런 환경세팅도 못하고 어떻게 해나가야할지 막막했던것에 비해 뭔가 알아가는 느낌이 들어간다.

아직은 어떠한 앱을 스스로 만들어서 구동시키지도 못하고, 기본적인 코드로 어떻게든 해보려고 하고 있으며 문제해결에도 아주 많은 시간이 들지만 코드를 읽으면 이해가 가능하고 시간을 들이면 어느정도 간단한 문제 정도는 해결 가능하고, 에러코드를 읽으면 어떠한 부분에서 문제가 생겼는지 인지할 수 있게 되었다.

생전 처음 써보는 프로그램들도 써보고 그냥 단어만 알던 SQL, python, vs-code 등도 기본적인 코드 및 활용이지만 그래도 쓰는 방법은 알 수 있게 되었다. 집에서 스스로 환경세팅정도는 할 줄 알게 된 점이서 헛된 시간이 아니었음을 깨닫게 되었고, 나름대로 만족스러운 한달이 된 것 같다. 다음 한달도 딱 이정도 성장세만 보였으면 좋겠다.