🎈 완전 초보도 할 수 있는 VS Code(비주얼 스튜디오 코드)에서 Streamlit 시작하기!

💡 Streamlit은 Python을 이용하여 간단하게 웹 애플리케이션을 만들 수 있는 도구입니다.
비주얼 스튜디오 코드(Visual Studio Code, VS Code) 에서 Streamlit을 실행하는 방법을 초보자도 쉽게 따라 할 수 있도록 설명하겠습니다.

 

💡 비주얼 스튜디오 코드(VS Code)란?

비주얼 스튜디오 코드(Visual Studio Code, VS Code) 는 마이크로소프트(Microsoft) 가 개발한 무료 오픈소스 코드 편집기(Code Editor) 입니다.
✅ 빠르고 가벼운 개발 도구로, 웹 개발, 데이터 분석, 머신러닝, 자동화 스크립트 등 다양한 프로그래밍 작업에 사용됩니다.
✅ 다양한 확장 기능(Extensions) 을 통해 기능을 추가할 수 있습니다.

 

 

🔹 VS Code의 주요 특징

특징	설명
가볍고 빠름	용량이 작고 실행 속도가 빠름
무료 & 오픈소스	누구나 무료로 사용할 수 있음
다양한 언어 지원	Python, JavaScript, C++, Java, HTML, CSS 등 거의 모든 프로그래밍 언어 지원
확장 기능(Extensions) 제공	플러그인을 설치하면 기능을 확장 가능 (예: Git, Docker, Jupyter, AI 코드 자동 완성 등)
강력한 디버깅 기능	코드 오류를 쉽게 찾고 수정 가능
Git & 터미널 내장	VS Code에서 직접 Git 관리 및 터미널 실행 가능

---

✅ 1. 필요한 프로그램 설치하기

📌 (1) VS Code(비주얼 스튜디오 코드) 설치

1. VS Code 공식 웹사이트에 접속합니다.
2. Windows / Mac / Linux에 맞는 버전 다운로드 후 설치합니다.

📌 (2) Python 설치

1. Python 공식 웹사이트에 접속합니다.
2. 최신 버전을 다운로드 후 설치합니다.
3. 설치할 때 "Add Python to PATH" 옵션을 체크한 후 진행합니다.
4. 설치가 완료되면 터미널에서 Python이 정상적으로 설치되었는지 확인합니다.
   만약 Python 버전(예: Python 3.x.x)이 나오면 설치가 완료된 것입니다!

---

✅ 2. VS Code에서 Streamlit 환경 설정하기

1. VS Code 실행
2. Python 확장(extension) 설치
   • 좌측 확장(Extensions) 아이콘 클릭
   • Python 검색 후 설치
3. 터미널 열기 (Ctrl + ~ 또는 보기(View) → 터미널(Terminal))
4. 가상 환경 만들기 (선택 사항이지만 권장됨)

   

5. 가상 환경 활성화하기
   • Windows:

     

   • Mac/Linux:

     

      

---

✅ 3. Streamlit 설치하기

터미널에서 다음 명령어를 입력하여 Streamlit을 설치합니다.

설치가 완료되었는지 확인하려면:

✅ 브라우저에서 Streamlit 기본 데모 페이지가 열리면 성공! 🎉

---

✅ 4. 첫 번째 Streamlit 앱 만들기

📌 (1) Streamlit 앱 파일 만들기

1. 스트림릿을 실행하고 상단 삼선을 누른 후 파일 > 뉴파일을 누르면 파일을 만들수 있습니다.

2. 파일을 만들고 난 후 app.py 라고 이름을 지정해 줍니다.

 

---

✅ 5. Streamlit 앱 실행하기

1. Streamlit 라이브러리 임포트

✅ streamlit 라이브러리를 사용하기 위해 import streamlit as st 를 선언합니다.
✅ 이제 st를 사용하여 Streamlit의 다양한 기능을 활용할 수 있습니다.

---

2. main() 함수 정의

코드 작성
먼저, 아래와 같이 streamlit 라이브러리를 불러온 뒤, main 함수를 생성합니다.

코드 저장
코드를 작성한 뒤, Ctrl + S를 눌러 저장합니다.

터미널 열기
터미널을 열고, 아래 명령어를 실행합니다

 

출력 결과 확인
실행 후 브라우저에서 다음과 같은 화면이 나타납니다: