INTERACTIVE DEMO

학생별 코딩 실습실
입장부터 자동 복구까지 4단계

강의실 입장, 버튼 실행, Streamlit 미리보기, 강제 종료 후 복구를 직접 눌러 확인합니다.

learn.square.kr/class/2b-07/lab
Square Learning
강의실내 작품질문하기
김김서윤
오늘 수업 · 9월 22일 (월) 16:00
7차시 · 날씨 대시보드 만들기
Streamlit으로 기온 그래프와 슬라이더를 만들어 봐요.
입장 17 / 20명 박지훈 강사
받은 시작 파일
main.py1.2KB
data.txt3.4KB
app.py0.8KB
내 실습실 준비 중
72%
입장 확인
김서윤 · 6학년 2반
0.2초
전용 컨테이너 생성
sq-lab-2b-14 · python 3.12
3.8초
시작 파일 전달
main.py · data.txt · app.py
0.6초
미리보기 서버 연결
Streamlit :8501 → 프록시 경로
진행 중
에디터 열기
마지막 저장 위치로 이동
대기
내 컨테이너는 외부에서 직접 접속할 수 없고, 강의실 주소로만 열려요.
Square Learning
강의실내 작품질문하기
김김서윤
7차시 · 나만의 날씨 대시보드● sq-lab-2b-14 연결됨자동 저장 16:07:30
초기화 저장00:04 / 00:30 실행 중
학습 콘텐츠 · 3/5
슬라이더로 그래프 바꾸기
st.slider()가 돌려준 값으로 데이터를 걸러 st.bar_chart()에 넣어 보세요.
df[df.month <= month]
파일
7차시
app.py
main.py
data.txt
my_chart.py새 파일
app.pymain.py
1import streamlit as st
2import pandas as pd
3 
4st.title("우리 동네 기온")
5df = pd.read_csv("data.txt")
6print("불러온 행:", len(df))
7 
8month = st.slider("월 선택", 1, 12, 9)
9view = df[df.month <= month]
10st.bar_chart(view, x="month", y="temp")
11st.write(f"{month}월 평균 {view.temp.mean():.1f}°C")
콘솔터미널
▶ app.py 실행 · 16:07:32
불러온 행: 365
stderr · UserWarning: data.txt 12행 기온 값이 비어 있어 건너뜀
미리보기 서버 준비 완료 → 오른쪽 패널
● 실행 중 … 4초 경과
미리보기/lab/2b-14/app
우리 동네 기온
월 선택
9
1
2
3
4
5
6
7
8
9
9월까지 평균 14.9°C
슬라이더를 움직이면 그래프가 바로 바뀌어요.
Square Learning
강의실내 작품질문하기
김김서윤
7차시 · 나만의 날씨 대시보드● sq-lab-2b-14 연결됨자동 저장 16:07:30
초기화 저장1.4초 · 완료 다시 실행
학습 콘텐츠 · 3/5
슬라이더로 그래프 바꾸기
st.slider()가 돌려준 값으로 데이터를 걸러 st.bar_chart()에 넣어 보세요.
df[df.month <= month]
파일
7차시
app.py
main.py
data.txt
my_chart.py새 파일
app.pymain.py
1import streamlit as st
2import pandas as pd
3 
4st.title("우리 동네 기온")
5df = pd.read_csv("data.txt")
6print("불러온 행:", len(df))
7 
8month = st.slider("월 선택", 1, 12, 9)
9view = df[df.month <= month]
10st.bar_chart(view, x="month", y="temp")
11st.write(f"{month}월 평균 {view.temp.mean():.1f}°C")
콘솔터미널
▶ app.py 실행 · 16:07:32
불러온 행: 365
stderr · UserWarning: data.txt 12행 기온 값이 비어 있어 건너뜀
미리보기 서버 준비 완료 → 오른쪽 패널
✓ 종료 코드 0 · 1.4초
미리보기/lab/2b-14/app
우리 동네 기온
월 선택
9
1
2
3
4
5
6
7
8
9
9월까지 평균 14.9°C
슬라이더를 움직이면 그래프가 바로 바뀌어요.
Square Learning
강의실내 작품질문하기
김김서윤
7차시 · 나만의 날씨 대시보드● sq-lab-2b-14 연결됨자동 저장 16:07:30
초기화 저장1.4초 · 완료 다시 실행
학습 콘텐츠 · 3/5
슬라이더로 그래프 바꾸기
st.slider()가 돌려준 값으로 데이터를 걸러 st.bar_chart()에 넣어 보세요.
df[df.month <= month]
파일
7차시
app.py
main.py
data.txt
my_chart.py새 파일
app.pymain.py
1import streamlit as st
2import pandas as pd
3 
4st.title("우리 동네 기온")
5df = pd.read_csv("data.txt")
6print("불러온 행:", len(df))
7 
8month = st.slider("월 선택", 1, 12, 9)
9view = df[df.month <= month]
10st.bar_chart(view, x="month", y="temp")
11st.write(f"{month}월 평균 {view.temp.mean():.1f}°C")
콘솔터미널
▶ app.py 실행 · 16:07:32
불러온 행: 365
stderr · UserWarning: data.txt 12행 기온 값이 비어 있어 건너뜀
미리보기 서버 준비 완료 → 오른쪽 패널
✓ 종료 코드 0 · 1.4초
미리보기/lab/2b-14/app
우리 동네 기온
월 선택
9
1
2
3
4
5
6
7
8
9
9월까지 평균 14.9°C
슬라이더를 움직이면 그래프가 바로 바뀌어요.
자동 복구 완료7초 걸림
작성하던 코드는
그대로 남아 있어요
연결 끊김 감지
16:12:04 · 무한 반복으로 메모리 한도 512MB 도달
실습실 자동 재생성
16:12:07 · 새 컨테이너 sq-lab-2b-14 · 1/3회
파일 3개 복원 · 다시 연결됨
16:12:11 · app.py 마지막 저장 16:11:58
이어서 실습하기
무엇이 문제였나요?