웹 개발 입문
놀면 뭐 하니,
그냥 하는거야.

Streamlit 웹 개발 입문

코딩냥

안녕, 나 코딩냥이다냥! 파이썬 탐험하기에서 변수·조건문·반복문·리스트까지 다 배웠지? 그런데 지금까지 만든 건 전부 까만 화면에 글자만 나왔다냥. 친구한테 보여주기가 좀 그렇지 않냥?

이 수업에서는 그걸 바꾼다냥. 파이썬 코드를 버튼이 있고 입력창이 있는 진짜 웹사이트로 만들고, 마지막엔 인터넷에 올려서 링크로 공유하는 것까지 해볼 거다냥!

이 수업에서 얻어갈 것

  • 파이썬 코드를 웹 화면으로 바꾸는 법
  • 웹사이트를 이루는 구성요소(화면 배치, 입력, 상태, 데이터)를 하나씩
  • 여러 페이지를 가진 나만의 사이트를 처음부터 끝까지 완성하기
  • 만든 사이트를 인터넷에 배포하고 링크로 공유하기

이렇게 배운다냥

1구성요소를 하나씩

Streamlit 함수를 외우는 수업이 아니라냥. 웹사이트가 무엇으로 이루어져 있는지를 화면 → 입력 → 기억 → 데이터 순서로 하나씩 얻어가는 수업이다냥.

2만들면서 확인하기

중간중간 미니 프로젝트로 배운 걸 합쳐본다냥. BMI 계산기, 방명록, 데이터 대시보드까지 작은 앱을 여러 개 완성하게 된다냥.

3내 사이트로 마무리

마지막 6부에서는 나만의 소개 사이트를 기획부터 배포까지 직접 만든다냥. 다 만들면 링크가 하나 생긴다냥. 그걸 친구한테 보내주면 된다냥!

시작하기 전에

이 수업은 파이썬 기본 문법을 아는 상태를 전제로 한다냥. 변수·조건문·반복문·리스트·딕셔너리가 낯설다면 파이썬 탐험하기를 먼저 끝내고 오는 걸 추천한다냥!

실습 환경 안내

Streamlit 앱은 브라우저 안에서 바로 돌릴 수 없다냥. 그래서 이 수업은 내 컴퓨터에 파이썬과 Streamlit을 직접 설치하고 진행한다냥.

설치가 처음이라도 걱정 말라냥 — 1강 전체를 설치와 "화면이 안 떠요" 해결에 쓴다냥!

수업 순서

이 수업은 여섯 개의 부, 모두 32강으로 되어 있다냥.

부배우는 것강
1부 · 첫 화면 만들기설치, 글자 출력, 화면 배치1~5강
2부 · 사용자에게 입력받기입력 위젯, 재실행 규칙6~11강
3부 · 기억하는 앱session_state, 폼, 콜백12~16강
4부 · 데이터 다루기표, CSV, 필터, 그래프17~22강
5부 · 진짜 앱처럼여러 페이지, 캐시, 테마23~28강
6부 · 나만의 사이트기획부터 배포까지29~32강
코딩냥

왼쪽 목차에서 1부 · 첫 화면 만들기를 눌러서 시작하면 된다냥. 천천히 따라오면 된다냥. 가보자냥!

1 / 33
다음1부 · 첫 화면 만들기 · 웹사이트는 무엇으로 되어 있냥