바이브코딩 4편 · 실물 화면 교체 검수

2026-09-09 · 사무실 노트북에서 폰 텔레그램 → PC Claude Code 실습을 끝까지 실행하고 그 화면으로 교체했습니다.

결론 — 도식이었던 6장(9·10·11·12·13·17)이 실제 화면으로 바뀌었고, 실습해 보니 원고와 달랐던 5곳을 고쳤습니다. 24장 재렌더 결과 글자 넘침·불일치 0, 공개 뷰어 검사 오류 0입니다.

결정해 주실 것

실습용으로 새로 만든 봇을 남길지 — 표시 이름 교육 데모 봇, 사용자명 @ccfd_edu_demo_bot. 운영 봇은 건드리지 않았습니다. 없앨지는 지시만 주십시오.
19·20장(막힐 때·안전 수칙)에 이번에 겪은 두 가지를 넣을지 — 아래 "다음 개정 후보" 참조. 이번 개정에서는 손대지 않았습니다.
촬영 노트북에 남은 파일·작업을 정리할지 — 아래 목록. 지우지 않고 그대로 두었습니다.

실습해 보니 원고와 달랐던 곳 (고친 문장)

장	원고	실제	바꾼 문장
4	봇을 만들어 달라고 하면 정상	자연어로만 부탁하면 공식 연결 기능 대신 연결 프로그램을 직접 만들려 했습니다	④ 다른 방법을 만들려 하면 멈춰 세우기 / 텔레그램 공식 연결 기능으로 설치해 달라고 다시 말합니다. 봇과 열쇠가 필요하다고 알려주면 멈춥니다
9	Claude Code가 대화창에서 토큰을 물어봄	묻지 않았습니다. 설치 완료 표시(Installed telegram)가 나온 뒤 토큰을 한 줄 명령에 붙여 실행했습니다	부제 "BotFather에서 받은 토큰을 한 줄 명령으로 건넵니다" / 첫 카드 "설치 완료 표시 확인 · Installed telegram 문구가 나오면 다음으로 갑니다"
10	9장과 내용이 겹쳐 있었음	저장 위치, 저장됨 표시, 다음 할 일을 화면이 알려줍니다	제목 "토큰이 저장됐는지 확인합니다" / 9장과 겹친 카드를 "저장됨 표시 확인하기 · 토큰이 본인 계정만 열 수 있게 저장됐다고 나옵니다"로 교체
13	PC의 권한 질문 살펴보기	이번 실행에서는 질문이 뜨지 않고 바로 처리됐습니다	권한 질문이 뜨는지 보기 / 질문이 없으면 그대로 진행됩니다
17	절전 항목명이 화면과 달랐음	"화면, 절전 모드, 최대 절전 모드 시간 제한", 값은 "안 함"	화면 문구를 그대로 반영

11장의 "다시 켜는 명령"은 실제로 꼭 필요했습니다 — 이 명령 없이 켜면 봇이 답하지 않는 것을 확인했으니 원고를 유지했습니다.

가린 것

봇 토큰, 사용자 폴더 이름, 텔레그램 계정 번호, 계정 표시줄, 무관한 창 제목입니다. 회색 상자와 잘라내기만 썼고 화면에 글자를 새로 얹지 않았습니다. 단계 번호와 강조 테두리는 그림 밖에서 슬라이드가 그립니다. 가리지 않은 원본은 촬영 노트북에만 남겨 두었습니다.

바뀐 장 (실제 렌더 화면)

4장 렌더 화면 — 네 번째 카드를 "다른 방법을 만들려 하면 멈춰 세우기"로 바꿨습니다. 실제로 이 지점에서 Claude Code가 공식 연결 기능 대신 연결 프로그램을 설계하려 했습니다. 첫 4장은 도구 내부 용어를 쓰지 않기로 해 "텔레그램 공식 연결 기능"으로 적었습니다.

7장 렌더 화면 — 변경 없음. PC 텔레그램 화면입니다(폰 화면 아님).

9장 렌더 화면 — 설치 완료 표시와 토큰 전달이 한 화면에 이어집니다. 대화창에서 토큰을 묻지 않았으므로, 부제와 첫 카드를 "설치 완료 표시 확인"으로 고쳐 화면과 맞췄습니다. 토큰 자리는 회색으로 가렸습니다.

10장 렌더 화면 — 위: BotFather의 토큰 발급 안내(기존). 아래: 저장 위치와 저장됨 표시가 나온 실제 화면. 9장과 겹치던 "토큰을 한 줄로 건네기" 카드를 "저장됨 표시 확인하기"로 갈랐습니다.

11장 렌더 화면 — 명령 한 줄과 "텔레그램 메시지를 기다립니다" 안내가 실제로 나온 화면입니다.

12장 렌더 화면 — 봇이 답한 코드, PC의 승인 표시, 허용목록 잠금 명령. 코드는 한 번 쓰면 사라지므로 화면 값을 그대로 쓸 수 없다고 적었습니다.

13장 렌더 화면 — 폰에서 보낸 요청과 완료 답장, 그리고 실제로 만들어진 바탕화면 파일. 권한 질문은 뜨지 않았고(세션이 자동 승인 상태) 그 사실을 그대로 적었습니다.

17장 렌더 화면 — Windows 전원 및 배터리 화면. 노트북이라 항목 위치가 데스크톱과 다를 수 있다고 덧붙였습니다.

다음 개정 후보 (19·20장)

자연어로만 부탁하면 공식 플러그인 대신 연결 프로그램을 직접 만들려 할 수 있습니다 — 멈춰 세우고 다시 말하기.
토큰 저장 단계에서 설정 파일의 접근 권한이 잘못 걸려 봇이 조용해지는 경우가 있었습니다. 도구 쪽 결함으로 보이고, 권한을 되돌리자 정상 동작했습니다. "봇이 답이 없으면 권한을 확인" 취지로 담을 만합니다.

확인 못한 것

폰 자체 화면 — 폰을 쓰지 말라는 지시에 따라 PC 텔레그램 화면만 담았습니다.
기관 관리자 설정 화면 — 조직 설정을 바꾸지 않기로 해 손대지 않았습니다.
참가자 사내망·데스크톱 항목 위치 — 현장 확인 사항으로 남습니다.

남겨 둔 것 (지우지 않았습니다)

촬영 노트북: 작업용 폴더와 스크립트, 실습으로 만든 바탕화면 test.txt, 가리지 않은 원본 화면 모음, 자동화 예약 작업, 실습용 봇과 그 대화방.
제작 PC: 원본 백업 .bak-20260909 5개와 이전 렌더 slides/_prev-20260909/(26개).

검수 결과

24장 재렌더 — 글자 넘침·제목/입력문 불일치 0, 이모지 0, 배지 0.
공개 뷰어 — HTTP 200, 장 이동·입력문 복사 34건 검사, 오류 0, 모바일 폭 390 넘침 없음.
슬라이드 PNG 3200×1800, PDF 24쪽.

교육 자료 본문: 4편 슬라이드 뷰어 · 실습안