[영상 V24] 주소·값 이동 애니메이션

교재 콘텐츠 제작 · V24 · 우편배달 비유·메모리 관계도

주소 쪽지와 값 상자를 나누면 — 포인터가 바꾸는 것은 무엇일까

p에 주소를 넣었는데 *p에 20을 대입하면 왜 num이 바뀔까요? 포인터가 가진 주소 쪽지와 그 주소에 있는 값 상자를 분리해, 기호를 읽는 순서를 영상으로 만들었습니다.

① 한국어 해설로 보는 완성 영상

TECH79 C언어에서 영상 열기 · 한국어 음성 및 화면 자막

② 교재의 어떤 부분을 옮겼나

교재 근거: 기초 C언어 296쪽, 302~305쪽 · 그림 10.5·10.6, CODE 10.3

교재의 개념과 순서를 기준으로 화면·대본을 새로 구성했습니다. 교재 지면을 그대로 녹화하거나 페이지 이미지를 공개하는 대신, 학습자가 따라가야 할 관계를 자체 도형과 움직임으로 표현했습니다.

int num = 10;
int *p = &num;
*p = 20; /* num도 20 */

③ 이번 표현 방식: 우편배달 비유·메모리 관계도

화면의 장식보다 개념이 바뀌는 순간을 중심으로 장면을 나눴습니다. 한국어 해설과 화면 속 문장을 함께 따라가며 다음 세 지점을 비교할 수 있습니다.

num = 10인 값 상자를 놓고 p = &num으로 주소를 연결합니다.
*p를 읽으면 10이며, *p = 20을 실행하면 num의 값도 20이 됩니다.
p가 담은 &num과 포인터 변수 자신의 주소 &p를 구별하고 선언의 *와 역참조의 *를 비교합니다.

④ 실제 사용 프롬프트 · 복사와 재사용 자료

최초 제작 → 점검 → 수정 순서로 사용한 프롬프트를 아래에 나누었습니다. 첫 번째 상자는 펼쳐 두었으며, 전체 기록도 따로 제공합니다. 원본의 로컬 작업 경로만 생략했습니다.

V24 실제 사용 프롬프트 전문 · 내 Google Drive 보관본
V24 재사용 제작 지침·출처 · 내 Google Drive 보관본

원문에 남은 ‘제작 미착수’와 예상 길이는 최초 지시 당시의 기록입니다. 실제 완성 영상과 검증 결과는 이 글의 영상 및 검증 항목을 기준으로 봅니다.

1. 최초 제작 프롬프트

0~10초 값10 상자와 주소표식 등장; 10~25초 p=&num으로 주소 쪽지가 p에 이동; 25~40초 *p가 num에 접근하는 경로; 40~55초 *p=20 전후 비교; 55~70초 p의 주소값은 그대로임을 확인; 끝에 num과 *p 값을 묻는 멈춤 화면. 각 장면에서 코드 한 줄과 상자 상태를 동기화한다.

이 문서의 후보를 사용자 교재 기반 결과물로 구현하라. 원본 PDF와 기존 결과물은 수정하지 않는다. 지정 쪽을 이미지로 다시 확인하고 인쇄쪽/PDF쪽·그림/코드와 실제 출력 문자열을 대조하라. 입력 교재 접근이 안 되면 교재 확인 대기로 남기고 원문을 추정하지 말라.
본문의 확인상태와 기술의 실제 실행상태를 혼동하지 않는다. 외부 링크는 아래 확인범위만 근거로 사용한다. 모델명·스킬명·원작 타임스탬프를 추정하지 않는다. 아래 아이디어는 자체 응용 프롬프트다.
먼저 상태/시간별 표와 검산표를 만들고 그 표에서 시각 요소를 렌더링하라. 화면 설명은 한 단계 한 주장으로 구성하고 작은 글씨·장식 아이콘을 남발하지 않는다. 남색·청록 바탕에 현재 변화를 주황으로 강조하되 색 외에 라벨도 제공한다.
영상은 실제 MP4까지 만들 수 있는 환경에서만 완성 판정한다. 기존 승인 한국어 음성 방식이 확인되면 적용하되 확인하지 못하면 임의 기계 TTS를 넣지 말고 대본/SRT와 무음 영상 상태로 보고한다. 별도 음성 복습자료는 만들지 않는다. 웹은 375px/1280px, 키보드/터치, 초기화, 경계값을 테스트한다.
설치·결제·계정 생성은 수행하지 않는다. 이미 제공된 도구로 실행 불가하면 소스와 제한을 인계한다. 원고·블로그 게시·유튜브 업로드·썸네일은 이번 지시에서 제외한다.

2. 점검 프롬프트

교재대조표→예측값→실행결과 순서로 점검하라. 실제 C/Arduino 컴파일, 브라우저 실행, 영상 렌더링, 실물 측정을 각각 구분하고 수행하지 않은 것은 미실행으로 표시하라. 테스트 입력·기대값·실제값·통과여부를 기록하라. 영상은 전체 재생해 상태 전이와 설명의 타이밍을 확인하고 일부 프레임만 보고 합격시키지 말라.

3. 수정 프롬프트

실패 항목의 재현 절차, 기대/실제 차이, 원인을 먼저 적고 해당 구현을 고쳐라. 표현을 맞추려고 교재 내용이나 검산값을 바꾸지 말라. 수정 전 파일을 보관하고 실패 테스트 및 인접 단계 회귀 테스트를 재수행하라.

4. 실제 사용 프롬프트 전체 기록

통합 사례번호: V24
번호 기준: 결과물 분류(V 영상 / W 웹자료 / G 게임 / P 학습지 / Q 평가 / L 강의)별 사례 일련번호. 표현 유형과 교과목은 별도 항목이다.
교재 재분석 / V24 / 2026-10-26
제목: 메모리 우편배달 — 주소와 값이 갈라지는 포인터 설명 영상
유형: 동영상형 / 주소·데이터 이동 모션
상태: 제작 미착수·실행 미검증
번호: V24 — 통합번호대장에 등록된 제작 사례
교재: [로컬 작업 경로 생략]
쪽수: 296, 302~305쪽; CODE10.3, 그림10.5·10.6
확인수준: 본문 텍스트 296·302~304 및 기존 렌더304 시각 대조. 304의 PDF쪽=인쇄쪽 확인.
기존과 차이: 기존14 swap 비교보다 선행인 주소값·역참조 자체를 다룸. 기존10 실행화면과 달리 주소 쪽지와 값 상자를 추적하는 자체 표현. 완전히 새로운 원작 스타일 발견이라고 주장하지 않음.
학습목표: num, &num, p, *p를 구분하고 *p=20이 num을 바꾼다는 것을 설명한다.
구현환경: B: Claude Code와 기존 설치된 로컬 렌더러 필요. Remotion은 선택이며 실제 라이선스·설치 상태 확인 전 무료라고 단정하지 않음.

[참고 출처]
https://www.aiautomata.kr/2026/10/blog-post_14.html
https://www.remotion.dev/docs/ai/skills
2026-10-26 확인: 기존 블로그 목록/링크 기록을 재검토했다. Remotion 공식 Agent Skills·MDN requestAnimationFrame·Control Alt Achieve 본문은 이번에 웹으로 재조회했다. 해당 유튜브 영상/자막/원본 프롬프트는 이번에 직접 확인하지 않았다. Control Alt Achieve는 2023-07-21 기존 사례 응용이며 최신 기술로 표시하지 않는다. Remotion 스킬은 공식문서 존재만 확인했으며 설치·호출은 하지 않았다. 외부 표현을 직접 복제하지 않는다. 상세 이용조건/가격은 제작 전 확인대기.

[장면/활동 설계]
0~10초 값10 상자와 주소표식 등장; 10~25초 p=&num으로 주소 쪽지가 p에 이동; 25~40초 *p가 num에 접근하는 경로; 40~55초 *p=20 전후 비교; 55~70초 p의 주소값은 그대로임을 확인; 끝에 num과 *p 값을 묻는 멈춤 화면. 각 장면에서 코드 한 줄과 상자 상태를 동기화한다.

[검증값과 주의]
num=10, *p=10, p==&num. *p=20 후 num=*p=20, p==&num 유지. p 자체와 &p는 다름. 주소 숫자는 설명용이라고 표시하고 실제 컴퓨터 주소로 단정하지 않는다. %p 출력 인수는 (void*) 캐스트한 실행본과 교재 원문 차이를 기록한다. 포인터 크기·int 크기 고정 주장은 금지.

[최종 산출물]
70~90초 1920×1080 MP4, 소스, 자막 SRT, 한국어 대본, 대표프레임 3장
[공통 최초 제작 지시]
이 문서의 후보를 사용자 교재 기반 결과물로 구현하라. 원본 PDF와 기존 결과물은 수정하지 않는다. 지정 쪽을 이미지로 다시 확인하고 인쇄쪽/PDF쪽·그림/코드와 실제 출력 문자열을 대조하라. 입력 교재 접근이 안 되면 교재 확인 대기로 남기고 원문을 추정하지 말라.
본문의 확인상태와 기술의 실제 실행상태를 혼동하지 않는다. 외부 링크는 아래 확인범위만 근거로 사용한다. 모델명·스킬명·원작 타임스탬프를 추정하지 않는다. 아래 아이디어는 자체 응용 프롬프트다.
먼저 상태/시간별 표와 검산표를 만들고 그 표에서 시각 요소를 렌더링하라. 화면 설명은 한 단계 한 주장으로 구성하고 작은 글씨·장식 아이콘을 남발하지 않는다. 남색·청록 바탕에 현재 변화를 주황으로 강조하되 색 외에 라벨도 제공한다.
영상은 실제 MP4까지 만들 수 있는 환경에서만 완성 판정한다. 기존 승인 한국어 음성 방식이 확인되면 적용하되 확인하지 못하면 임의 기계 TTS를 넣지 말고 대본/SRT와 무음 영상 상태로 보고한다. 별도 음성 복습자료는 만들지 않는다. 웹은 375px/1280px, 키보드/터치, 초기화, 경계값을 테스트한다.
설치·결제·계정 생성은 수행하지 않는다. 이미 제공된 도구로 실행 불가하면 소스와 제한을 인계한다. 원고·블로그 게시·유튜브 업로드·썸네일은 이번 지시에서 제외한다.
[점검 프롬프트]
교재대조표→예측값→실행결과 순서로 점검하라. 실제 C/Arduino 컴파일, 브라우저 실행, 영상 렌더링, 실물 측정을 각각 구분하고 수행하지 않은 것은 미실행으로 표시하라. 테스트 입력·기대값·실제값·통과여부를 기록하라. 영상은 전체 재생해 상태 전이와 설명의 타이밍을 확인하고 일부 프레임만 보고 합격시키지 말라.
[수정 프롬프트]
실패 항목의 재현 절차, 기대/실제 차이, 원인을 먼저 적고 해당 구현을 고쳐라. 표현을 맞추려고 교재 내용이나 검산값을 바꾸지 말라. 수정 전 파일을 보관하고 실패 테스트 및 인접 단계 회귀 테스트를 재수행하라.
[파일과 인수인계]
작업은 아래 사례 폴더의 실행별 하위 폴더에서 한다. 다른 사례/공용대장 덮어쓰기 금지, D: 저장 금지, 압축 금지.
00_인수인계/Codex_인수인계.txt,01_근거/교재·출처.txt,02_프롬프트/실제사용.txt,03_구현/소스,04_검증/검증기록.txt와캡처,06_미디어(영상형일 때)를 보관한다.
Codex 인수인계에는 파일경로, 실제 사용 도구·스킬, 교재 대조 범위, 소스 권리 확인상태, 실행 통과/실패/미실행, 추가 검증·게시 필요사항을 적는다. 파일저장을 외부채팅 전송으로 표현하지 않는다.

작업 폴더: [로컬 작업 경로 생략]

[확인한 외부 표현 카드와 적용 범위]
https://nondev-thinking.web.app/motion/
2026-10-26 원본 본문 추가확인: 모션그래픽 주문 사전 T13 «3D 디오라마 — 비유를 입체로»의 카드 지시문 확인. 장소와 물체·라벨의 관계로 개념을 설명하는 표현을 메모리 주소/포인터의 자체 비유에 적용한다. 3D 사용 시 Claude Code·Three.js와 로컬 렌더러가 필요하며 기존05 등각투상 표현의 세부 응용이지 3D 자체가 새 기술은 아니다. HyperFrames는 원문이 제안한 도구일 뿐 설치/사용한 적 없고 필수로 강제하지 않는다. 값과 주소를 같은 구슬로 혼동하지 않도록 주소카드와 값상자를 다른 모양으로 만든다. 비유가 실제 RAM의 물리적 배치가 아님을 표기한다.

실제 사용한 도구와 스킬·스타일 지침

이 사례는 외부 설치형 스킬을 설치하거나 호출하지 않았고, 별도의 외부 STYLE.md를 실행한 사례도 아닙니다. Claude로 자체 SVG 화면·대본을 작성하고 Playwright+Chromium, FFmpeg, Python·Node로 렌더·조립·검산했습니다. 한국어 음성은 Google Cloud TTS ko-KR-Chirp3-HD-Autonoe를 사용했습니다. Remotion·HyperFrames 등 참고 문서의 도구와 실제 실행 도구는 구분합니다.

Drive의 ‘재사용 제작 지침·출처’는 원본 제작 기록에서 이번에 정리한 자체 재사용 지침입니다. 원작자의 SKILL.md 또는 STYLE.md 원문이라고 표시하지 않았습니다. 이 사례의 장면 설계와 검증 조건을 새 교재에 맞게 바꿔 사용할 수 있습니다.

다시 만들 때의 순서

새 교재의 쪽수·학습목표·식이나 코드를 확인합니다.
최초 제작 프롬프트의 대상·수치·가정을 바꾸고 장면표·대본을 작성합니다.
점검 프롬프트로 기대값과 실제 실행 결과를 대조합니다.
실패한 항목을 수정 프롬프트로 고친 뒤 회귀 검증합니다.

참고 자료와 확인 범위

참고 링크의 표현 방식과 개념을 바탕으로 자체 응용했습니다. 원작 영상·그림의 복제나 원문 전체의 보관을 뜻하지 않습니다. 실제로 사용하지 않은 도구·스킬의 실행을 주장하지 않습니다.

⑤ 검증한 것과 설명의 한계

자동 검증 8/8과 GCC 실행 결과를 확인한 제작 기록이 있습니다. 값 변경 전후 10·10·20, p == &num 관계를 확인했습니다.

화면 주소 0x1234·0x2000은 설명용입니다. 실제 주소나 int·포인터의 바이트 크기를 고정하지 않습니다. 주소를 printf의 %p로 출력하는 검증 코드에서는 (void*)로 변환합니다.

이는 제작 폴더의 검증 기록을 정리한 것입니다. 청취 평가나 학생 대상 학습 효과 측정 결과를 뜻하지 않습니다.

⑥ 멈추고 생각해 보기

*p = 20 뒤 p 자체도 숫자 20이 될까요?

답과 설명 펼치기

아닙니다. p는 계속 num의 주소를 담고, 그 주소의 값이 20으로 바뀝니다.

⑦ 출처와 제작 기록

교재: 『기초 C언어 296쪽, 302~305쪽 · 그림 10.5·10.6, CODE 10.3』. 자체 제작한 화면·대본·자막과 검증 기록을 바탕으로 정리했습니다. 이 글은 해당 한국어 해설 영상을 교재 수업에 적용하는 사례입니다.

AI 오토마타