수업도구 만들기 — 실습 자료

이 창은 연수 중에도, 연수 끝난 뒤에도 그대로 쓰시면 됩니다. 아래 프롬프트는 여기서 복사하십시오. Zoom 채팅에서 복사하면 첫 줄만 전송되는 일이 잦습니다.

---

오늘 대조할 명세서

앱이 이걸 지켰는지 보시면 됩니다.

[1] 두통
    "어떤 수보다 6 작은 수"를 n−6이 아니라 6−n으로 쓰는 학생이
    매년 나온다. 말의 순서와 식의 순서가 다르다는 것을
    스스로 발견하게 하고 싶다.

[2] 학생이 하는 '진짜 일'
    답 맞히기가 아니라, 자기가 쓴 식에 실제 수를 넣어
    그 식이 무슨 뜻인지 확인해 보기

[3] 종이로는 안 되는 이유
    학생이 쓴 식에 수를 즉석에서 대입해 반례를 보여줘야 하는데,
    종이로는 학생마다 다른 식에 일일이 대응할 수 없다.

[4] 오답에 뭐라고 하는가 — 정답을 알려주지 않는다
    - 6−n → "n에 10을 넣어봅시다. 6−10 = −4입니다.
             '10보다 6 작은 수'가 −4인가요?"
    - n+6 → "6 작은 수인데 오히려 커졌네요.
             어디서 방향이 바뀌었을까요?"
    - 6n  → "'작다'가 곱하기였나요?
             문장의 어느 낱말을 다시 볼까요?"

[5] 피드백 시점
    입력하는 동안에는 아무 판정도 하지 않는다.
    '확인' 버튼을 눌렀을 때만 반응한다.

[6] 교사인 나는 무엇을 보는가
    그 학생이 이번 시간에 써 본 식들의 목록.
    단, 서버에 저장하지 않는다. 새로고침하면 사라진다.

---

실습 5단계

1단계 — 화면에서 네 곳만 봅니다

위치	부를 이름	하는 일
왼쪽 파일 목록	서랍	오늘은 app.py 하나만 씁니다
가운데 넓은 곳	책상	파일이 펼쳐집니다. 직접 타이핑하지 않습니다
오른쪽 화면	앱	학생이 보게 될 화면. 이미 돌아가고 있습니다
아래 까만 창	엔진	앱이 저기서 돕니다. 보기만 하세요

앱이 안 보이면: 아래쪽 PORTS 탭 → 8501 줄 → 지구본 아이콘 클릭

2단계 — 앱을 직접 써 봅니다

이 순서로 넣어 보십시오.

입력	앱의 반응
n-6	정답
-6+n	정답
(n-6)*1	정답
n-2-4	정답
6n	읽기는 읽습니다 (곱셈 기호가 없어도)
6-n	← 여기를 보십시오

마지막 것이 명세서와 어떻게 다릅니까?

3단계 — 한국어로 고칩니다

app.py에서 # ★ 여기부터 ★ 부터 # ★ 여기까지 ★ 까지 마우스로 긁고, Ctrl + I (맥은 Cmd + I).

작은 입력창이 뜨면 아래를 붙여넣으십시오.

① 첫 번째 수정

입력하는 동안에는 아무 판정도 하지 마.
'확인' 버튼을 눌렀을 때만 결과를 보여 줘.

② 두 번째 수정 — 가운데 한 줄을 선생님 문장으로 바꾸십시오

오답일 때 정답을 알려주지 마.
대신 학생이 쓴 식과 정답이 서로 달라지는 n 값을 하나 찾아서,
아래 문장으로 되물어 줘.

"n에 __를 넣어봅시다. 당신의 식은 __이 됩니다.
 '__보다 6 작은 수'가 __인가요?"

넣어볼 값은 10, 3, 7, 2, 5, 1, 20, 100 순서로 시도해 줘.

고친 뒤 Ctrl + S 로 저장하면 오른쪽 앱이 저절로 다시 그려집니다.

이제 6-n, n-16, n^2-6 을 넣어 보십시오. 명세서에 적지 않은 오답에도 반례가 나옵니다.

에러가 났으면: Ctrl + Z 를 여러 번 누른 뒤 Ctrl + S. 원래대로 돌아옵니다.

4단계 — 저장합니다 (GitHub에 남기기)

왼쪽 세로 막대에서 가지 모양 아이콘 → 위 칸에 아무 말이나 적기 → Commit → Sync

이제 임시 컴퓨터를 꺼도 지워도 파일은 남습니다. 나중에 고치다 망쳐도 이 시점으로 되돌아올 수 있습니다.

5단계 — 인터넷에 올립니다

1. share.streamlit.io 접속 → Continue with GitHub
2. Create app → Deploy a public app from GitHub
3. Repository: 이 저장소 / Branch: main / Main file path: app.py
4. Deploy → 1~3분 뒤 https://○○○.streamlit.app 주소가 나옵니다

⚠️ 4단계를 건너뛰면

배포되는 것은 고치기 전 앱입니다. 즉 "틀렸습니다. 정답은 n − 6입니다" 라고 말하는 앱이 내 이름으로 인터넷에 올라갑니다. 배포 자체는 정상적으로 성공하기 때문에 아무도 눈치채지 못합니다. 반드시 Commit → Sync 를 먼저 하십시오.

---

수업에서 쓰실 때

① 교사 화면 한 대 — 준비물 0. 여기서 시작하십시오. 태블릿도 컴퓨터실도 필요 없습니다. 선생님이 앞에서 열고 학생 답을 대신 입력하면, 반 전체가 한 화면의 반례를 같이 봅니다. 이 앱은 이 방식으로 가장 잘 작동합니다.

② 학생 개인 단말 앱 문제가 아니라 학교 규정 문제입니다. 안 되는 학교면 만들어도 못 씁니다. 만들기 전에 확인하십시오.

③ 컴퓨터실 무료 앱은 한동안 안 쓰면 잠듭니다. 수업 시작 5분 전에 선생님이 먼저 주소를 한 번 열어 깨워 두십시오.

이 도구는 5분짜리입니다. 한 시간을 대체하지 않습니다. 앞뒤는 여전히 종이입니다.

---

뒷정리

github.com/codespaces 에서 오늘 켠 것을 Stop 해 주십시오. 안 하셔도 얼마 뒤 알아서 꺼집니다. 끄든 지우든, 커밋한 파일과 배포한 주소는 그대로 있습니다.

---

다음에 다시 켜려면

이 저장소에서 Code → Codespaces → 목록에 있는 것을 클릭. 앱이 저절로 다시 뜹니다.