“신기하다”에서
“나도 만들었다”로.
처음이어도 괜찮습니다. 오늘은 보고, 따라 만들고, 내 것으로 바꿔봅니다.
AI로 이런 것도 된다던데, 나는 어디서 시작해야 할까요?
어려운 용어보다 만드는 경험부터. 소수 인원이라 각자의 화면을 보며 도와드립니다.
제가 만든 것부터 보여드릴게요
이런 것도 만들 수 있구나. 오늘 내가 해보고 싶은 것을 떠올려보세요.

| 사례 | 먼저 보여줄 것 | 이어서 들을 이야기 |
|---|---|---|
| 녹음 내용을 글로 바꾸고 분류하는 프로그램 | 녹음을 글로 옮긴 자료를 넣고 주제별로 정리된 결과 보기 | 매번 읽고 정리하던 불편 |
| 갤럭시워치 앱 | 손목에서 실제 작동하는 장면 | 필요한 순간에 바로 쓰고 싶었던 기능 |
| 김대리의 일주일 | 질문에 답하고 결과 받기 | 생각을 체험형 질문으로 바꾸는 과정 |
메모
오늘은 이렇게 배웁니다
지금은 진행 방법을 함께 봅니다. 첫 요청은 앱과 폴더를 준비한 뒤 보냅니다.
오늘의 4시간
함께 한 번 끝까지 만든 뒤, 내 아이디어에 적용합니다.
| 단원 | 경험할 것 |
|---|---|
| A · 시작과 준비 | 사례 보기 · 앱과 작업 폴더 준비 |
| B · 미니북 | 8쪽 책 · 표지 생성 · 문서 수정 |
| C · 웹페이지 | 책을 홈페이지로 · 디자인 변경 · 공개 주소 |
| D · 소개영상 | 세 장과 세 문장 · 12초 MP4 저장 |
| E · 개인 제작 | 작은 기획서 · 한 시간 동안 핵심 기능 하나 |
| F · 공유와 다음 시작 | 직접 보여주기 · 다시 열기 · 질문 |
메모
공통 실습 재료를 받습니다
같은 재료로 함께 만들고, 제목·색상·문구를 내 것으로 바꿉니다.



원고와 이미지가 준비된 공통 실습입니다. 유튜브 소재를 사용하지만 강의의 목표는 코덱스로 만들고 고치는 경험입니다.
앱을 설치하고 로그인합니다
내 ChatGPT Plus 이상 계정으로 로그인합니다.
다운로드 페이지의 ChatGPT 데스크톱 앱을 선택하세요. 별도로 표시된 ChatGPT Classic은 이번 수업용 앱이 아닙니다.
- 내 컴퓨터에 맞는 다운로드 버튼 선택
위의 Windows 또는 macOS 버튼을 누르고, 각 안내에 따라 설치합니다.
- 앱을 열고 내 ChatGPT 계정으로 로그인
Plus 이상을 구독 중인 계정으로 로그인합니다.
- 강의안과 앱을 나란히 띄우기
다음 단계에서 앱의 ChatGPT와 Codex 전환 위치를 확인합니다.

ChatGPT ↔ Codex
앱 왼쪽 위, 현재 이름이 표시되는 전환 메뉴를 찾습니다.
ChatGPT
아이디어·글·이미지를 준비할 때
Codex
내 폴더에 결과물을 만들고 고칠 때

- 왼쪽 위 ChatGPT 또는 Codex 이름 누르기
펼쳐진 메뉴에서 Codex를 선택합니다.
- Codex 화면에서 실습 시작
화면 구성이 다르면 강사에게 보여주세요. 두 화면은 필요에 따라 오갈 수 있습니다.
오늘의 작업 폴더를 엽니다
압축을 풀어 나온 폴더가 오늘의 프로젝트입니다. 새 빈 폴더를 만들 필요는 없습니다.

- 압축을 푼 폴더 찾기
다운로드 폴더에서 AI_Class를 찾습니다. 폴더를 열면 AGENTS.md, input, output이 보여야 합니다. ZIP 안에서 바로 시작하지 않습니다.
- Codex에서 이 폴더 열기
프로젝트 추가 또는 폴더 열기에서 방금 찾은 폴더를 선택합니다. 공식 예시의 Projects 오른쪽 + 위치를 참고하되, 실제 메뉴가 다르면 강사와 확인합니다.
- 프로젝트 안에서 새 대화 열기
선택한 폴더 위치를 확인합니다. 폴더 이름은 달라도 괜찮습니다. 같은 폴더에서 계속 작업합니다.
메모
준비된 구조를 이해합니다
안내문 하나, 재료 폴더 하나, 결과 폴더 하나. 이미 ZIP 안에 준비되어 있습니다.
준비된 재료를 확인합니다
복사나 이름 변경 없이, 지금 열린 프로젝트의 재료를 확인합니다.
현재 프로젝트 폴더의 AGENTS.md와 input/project.json을 읽어줘. input/미니북-원고.txt, input/표지요청문.txt, input/영상-문구.txt와 input/scene-01.jpg, input/scene-02.jpg, input/scene-03.jpg가 있는지 확인해줘. output, 완성예제/소개영상, 참고자료/레퍼런스가 있는지도 확인해줘. 이 재료로 무엇을 만들지 쉬운 말로 세 줄만 설명해줘. 파일이 빠졌으면 빠진 이름과 확인할 위치를 알려줘. 지금은 파일을 만들거나 수정하지 마.
유튜브 실습 원고와 이미지 세 장이 있고, AI가 알려준 파일 위치를 확인했습니다.
오늘의 모델: 6 Luna · High · Standard
한 번 설정하고 그대로 진행합니다. 모델 변경이 필요하면 강사와 함께 확인합니다.

- 입력창 아래 모델 설정 열기
모델 이름 또는 Power를 누릅니다. Advanced가 보이면 눌러 세부 설정을 엽니다.
- 세 가지 선택 확인
아래 표대로 맞춥니다. 이미 설정했다면 그대로 두세요. 메뉴 이름이나 선택지가 다르면 강사에게 화면을 보여주세요.
| 화면 항목 | 선택할 값 | 쉽게 말하면 |
|---|---|---|
| Model · 모델 | GPT-6 Luna | 요청을 받아 작업할 AI |
| Effort · 추론 정도 | High | 답하기 전에 충분히 생각하도록 설정 |
| Speed · 처리 속도 | Standard | 일반 속도로 작업. High와 별개의 설정입니다. |
내 남은 사용량 확인 ↗ · 시작 전과 개인 제작 전에 확인합니다.
메모
수업 기본값은 GPT-6 Luna · High · Standard로 확정. 학생에게 반복해서 모델을 바꾸게 하지 않습니다. 제공 여부와 실제 메뉴는 수업 전 학생 계정에서 확인합니다.
공식 Plus 추정치는 로컬 메시지 5시간당 350–3,000회이며 고정 보장 횟수가 아닙니다. 추론 정도, 긴 대화, 도구와 이미지 생성, 기존 사용량에 따라 달라집니다. 이 강의의 High 완주 사용량은 실측 전입니다.
막힌 작업은 강사가 원인을 확인합니다. 필요한 경우 6.1 Sol 등 대안을 검토하되 모델 전환은 한도 초기화가 아닙니다. 사용량 가정과 예외 대응 ↗
2026.10.10 확인 · 공식 모델 안내 ↗ · 사용량 안내 ↗
승인이 뜨면 무엇을 보면 되나요?
승인 창이 나타났을 때만 확인합니다. 지금 요청문을 보낼 필요는 없습니다.
- 작업 내용을 읽는다
설치, 인터넷 사용, 폴더 접근 등 무엇을 하려는지 봅니다.
- 대상과 범위를 확인한다
어느 폴더·사이트·파일에 적용되는지 확인합니다.
- 맞으면 허용하고 작업을 이어간다
내용이 이해되지 않으면 AI에게 쉬운 말로 설명해달라고 요청하거나 강사에게 화면을 보여줍니다.
지금 요청한 승인이 어떤 작업을 위한 것인지 쉬운 말로 설명해줘. 어느 파일이나 서비스에 영향을 주고, 이번 실습에 왜 필요한지도 알려줘.
만들고, 열어보고, 한 곳 고치기
첫 문서를 열어보고, 제목 한 줄을 바꾸며 수정하는 방법을 익힙니다.
input/project.json을 읽고 output/나의-첫-문서.txt를 만들어줘. 첫 줄 제목은 “나의 첫 AI 결과물”로 하고, 유튜브 실습 주제 이름과 오늘 기대하는 경험을 한 줄씩 적어줘. 내가 직접 열 수 있도록 파일 위치를 알려줘.
output/나의-첫-문서.txt의 제목만 “내가 직접 만든 첫 결과물”로 바꿔줘. 나머지 내용은 유지하고 저장해줘. 내가 다시 열어 바뀐 제목을 확인할 수 있게 안내해줘.
파일을 직접 열었고 다시 열었을 때 제목이 바뀌었습니다.
이제 작은 책 한 권을
만들어봅시다
준비된 이야기 → 나만의 표지 → Word와 PDF
준비된 재료로 작은 책 한 권
글을 고르는 시간보다 만들고 고치는 경험에 집중합니다.

| 공통 완료 | 확장 실습 |
|---|---|
| 표지·제목·머리말·목차·본문이 있는 8쪽 미니북 | 핵심 내용을 PPTX 3장으로 재구성 |
| 읽기용 PDF를 직접 확인 · 편집용 DOCX도 저장 (열 수 있으면 확인) | 책을 입체로 보여주는 모형·책등·날개 디자인 |
| 제목·문구·색상 한 부분 수정 | 개인 자료로 다시 만들기 |
메모
재료를 먼저 읽어달라고 하기
원고와 이미지의 역할부터 확인합니다.
input/미니북-원고.txt, input/project.json과 input의 이미지 파일을 읽어줘. 이것은 수업용 가상 실습 프로젝트야. 8쪽 미니북의 구성과 각 이미지가 들어갈 위치를 짧게 제안해줘. 원고에 없는 실제 채널 성과나 출시 사실을 지어내지 마. 아직 파일을 만들지 말고 구성을 먼저 보여줘.
공통 원고에 맞는 제목과 8쪽 구성을 확인했습니다.
내 표지 이미지를 만들고 고치기
분위기를 고르고, 이미지 한 장을 실제로 만들어봅니다.
- 표지 그림 요청
input/표지요청문.txt를 사용합니다. 제목은 문서에서 얹을 수 있도록 그림에는 글자를 빼도 됩니다.
- 수정 한 번 요청
처음 결과를 보고 색·구도·여백 중 하나를 바꿉니다.
- 두 버전을 저장
처음과 수정한 이미지를 output/cover에 저장하고 미니북에는 수정본을 사용합니다.
input/project.json과 input/표지요청문.txt를 읽고 미니북 표지 이미지를 생성해줘. 분위기: [차분한 / 경쾌한 / 신비로운 중 하나] 세로 3:4, 제목을 얹을 상단 여백을 두고 글자 없이 그려줘. 실제 이미지 생성 기능을 사용하고 이미지 파일을 output/cover/표지-01.png로 저장해줘. 이 환경에서 이미지 생성이 안 되면 가능한 이미지 생성 화면으로 안내해줘. 코드로 만든 제목 카드를 이미지 생성 결과라고 하지 마.
방금 만든 표지 이미지를 수정해줘. 주제와 주요 인물·사물은 유지하고 [배경을 밝게 / 상단 여백을 넓게 / 색을 따뜻하게 중 하나] 바꿔줘. 원본도 남기고 output/cover/표지-02.png로 저장해줘. 두 버전을 비교하고 수정한 표지를 미니북에 사용하게 해줘.
이미지 두 버전을 비교하고 내가 요청한 수정이 반영된 파일을 저장했습니다.
메모
8쪽 미니북 만들기
Office 설치 없이도 이어갈 수 있습니다. 저장한 PDF는 직접 열어 확인합니다.
방금 정한 구성으로 output/book에 미니북을 실제 파일로 만들어줘. 표지 1쪽, 머리말과 목차 1쪽, 본문 5쪽, 마무리 1쪽의 8쪽 PDF를 목표로 해줘. input의 원고와 이미지를 사용하고 한글이 잘 읽히게 해줘. 표지는 output/cover/표지-02.png가 있으면 사용하고, 없으면 input/scene-01.jpg를 임시 표지로 사용해줘. 제목은 크게, 본문은 짧고 여백 있게 배치해줘. 편집용 미니북.docx와 읽기용 미니북.pdf를 만들어줘. 같은 제목·본문·이미지를 사용해줘. Microsoft Word나 LibreOffice가 없더라도 설치를 요구하지 말고 이미 사용 가능한 제작 도구로 진행해줘. DOCX에서 PDF로 변환할 수 없다면 PDF를 직접 생성하거나, 8쪽 인쇄용 미니북.html을 만들어 브라우저로 PDF를 저장해줘. HTML을 만들 때는 이미지와 글꼴을 로컬 파일로 사용하고 A4 세로 인쇄에서 페이지가 나뉘게 해줘. 자동 PDF 저장이 불가능하면 HTML을 여는 위치와 브라우저의 PDF로 저장 방법을 쉬운 말로 안내해줘. 확인 가능한 파일의 페이지 수·글씨 잘림·한글·이미지를 점검해줘. DOCX를 화면으로 확인하지 못했다면 'DOCX 화면 검수 미완료'라고 알려줘. 서로 다른 방식으로 만든 DOCX와 PDF의 배치가 같다고 가정하지 마. 8쪽 여부는 저장된 PDF 기준으로 확인해줘. 생성한 파일과 확인하지 못한 항목을 구분해서 알려줘. 파일이 없는 상태를 완료라고 하지 마. 완성한 책의 제목·본문을 output/book/미니북-원고.txt로도 저장해 다음 웹 실습에서 재사용하게 해줘.
output/book의 미니북.pdf를 직접 열어 8쪽인지, 한글·이미지·페이지 경계가 제대로 보이는지 확인했습니다. 미니북.docx와 미니북-원고.txt도 생성됐는지 확인합니다. DOCX를 열지 못했다면 화면 검수 미완료로 남깁니다.
내 취향으로 한 곳 바꾸기
한 번에 하나를 바꾸고, 바뀐 결과를 확인합니다.
방금 만든 미니북에서 [제목을 더 짧고 눈에 띄게] 바꿔줘. 주제와 본문 내용은 유지하고, PDF는 전체 8쪽 구성을 유지해줘. output/book의 DOCX·PDF를 같은 제목과 내용으로 갱신해줘. 인쇄용 HTML을 사용했다면 그 원본도 함께 수정해줘. Microsoft Word나 LibreOffice 설치 없이 B-5에서 사용한 제작 방식으로 진행해줘. 자동 PDF 저장이 안 되면 수정한 HTML을 다시 PDF로 저장하는 방법을 안내하고, 기존 PDF가 아직 갱신되지 않았다고 알려줘. 수정된 제목·본문도 output/book/미니북-원고.txt로 저장해줘. 변경한 내용과 파일 위치를 알려줘. 화면으로 확인하지 못한 파일은 검수 미완료로 표시해줘.
다시 저장한 PDF를 열어 요청한 수정과 8쪽 구성을 확인했습니다. DOCX·원고 TXT도 같은 제목과 내용으로 갱신됐는지 확인합니다. HTML을 사용했다면 HTML만 수정하고 이전 PDF를 그대로 둔 상태가 아닌지 확인합니다.
파일 확인, PPT는 선택 실습
기본 결과를 먼저 열어보고, 시간이 남으면 PPT 3장으로 바꿉니다.
| 파일 | 직접 확인할 것 |
|---|---|
| DOCX | 편집 프로그램이 있으면 문장 선택·편집 확인. 없으면 파일 생성 여부만 확인하고 화면 검수 미완료로 기록 |
| 표지와 본문이 잘리지 않고 8쪽으로 보이는지 | |
| PPTX · 확장 | 핵심 내용이 3장으로 요약되고 편집 가능한지 |
output/book의 미니북 내용을 발표용 PPTX 3장으로 다시 구성해줘. 1장: 제목과 핵심 소개 / 2장: 핵심 아이디어 / 3장: 시작할 행동. 문장을 짧게 줄이고 글씨를 크게 해줘. 편집 가능한 output/slides/소개자료.pptx로 저장해줘. 가능한 도구로 실제 슬라이드 수와 글씨 잘림을 확인해줘. 화면 검수가 불가능하면 미완료로 표시하고, 이 선택 실습 때문에 Office 설치를 요구하지 마.
메모
선택 실습: 책 목업·표지 시안
표지 적용 모습을 확인합니다. 실제 인쇄 준비는 별도입니다.
미니북의 표지를 사용해 3D 책 목업을 만들어줘. 책 제목과 표지 그림을 유지하고 책이 서 있는 모습을 보여줘. 인쇄 규격 확인 전 시각 예시라고 표시해줘. output/book에 저장하고 다시 여는 방법을 알려줘.
이 책의 책등과 앞뒤 날개가 포함된 표지 시안을 만들려고 해. 먼저 책의 가로세로 크기, 총 페이지 수, 종이 종류, 책을 묶는 방식, 날개 유무와 인쇄소 규격 중 빠진 정보를 질문해줘. 확정되지 않은 치수를 임의로 정해 인쇄용 완성본이라고 하지 마.
메모
이번에는 웹페이지로
만들어봅시다
같은 이야기 → 둘러보는 화면 → 다른 사람에게 보낼 주소
1단계 대화만으로 홈페이지
책의 내용을 사람들이 둘러보는 화면으로 바꿉니다.
output/book/미니북-원고.txt의 내용을 사용해 소개 홈페이지를 만들어줘. 위 원고 파일이 없으면 input/미니북-원고.txt를 사용한다고 먼저 알려줘. output/web/index.html과 assets 폴더로 저장해줘. 제목, 대표 이미지, 프로젝트 소개를 넣어줘. 본문은 제목줄과 내용이 한 묶음인 접기·펼치기로 만들어줘. 제목줄을 누르면 바로 아래 해당 본문이 열리고, 같은 제목줄을 다시 누르면 닫히게 해줘. 그 사이에 다른 섹션·이미지·큰 여백을 넣지 마. 펼치기/접기 상태를 표시하고, 키보드로도 사용할 수 있게 해줘. 상단의 이동 링크는 “본문으로 이동”으로 구분해줘. 마지막에는 “오늘 한 가지 해보기”라는 제목과 원고에 맞는 작은 실천 문장 하나를 넣어줘. 로그인·서버 없이 브라우저에서 열리는 HTML·CSS·JavaScript로 만들어줘. input의 이미지를 output/web/assets로 복사하고, 다른 컴퓨터에서도 열리도록 웹파일 기준 상대경로로 연결해줘. 휴대폰에서도 글씨와 버튼이 읽히게 해줘. 실제 파일을 열어 제목줄 바로 아래에서 펼침·접힘이 모두 작동하고 다른 장에 영향을 주지 않는지 확인해줘.
제목줄 바로 아래 본문이 열리고, 같은 제목줄을 다시 누르면 닫힙니다. 이미지도 보입니다.
어떤 분위기로 바꿔볼까요?
참고 이미지의 구도·글꼴·배치를 살펴보고, 내 홈페이지에 어울리게 바꿉니다.

reference-editorial.png
reference-night.png
reference-notes.pngAI가 생성한 디자인 참고 이미지입니다. 실제 작동하는 웹사이트 화면은 다음 결과에서 확인합니다. 이미지를 누르면 크게 볼 수 있습니다.
output/web의 홈페이지 디자인을 아래 참고 이미지에 맞춰 업그레이드해줘. 참고할 파일: 참고자료/레퍼런스/[선택한 PNG 파일명] 먼저 이미지를 열어 전체 구도와 시선 흐름, 제목·이미지·본문·버튼의 배치, 글꼴의 느낌과 크기·굵기·줄 간격, 단 구성, 여백, 색감을 살펴봐줘. 적용할 변경을 짧게 설명한 뒤 실제 파일을 수정해줘. 색상만 바꾸지 말고 참고 이미지의 구도·글자 크기·배치·여백이 드러나도록 레이아웃도 바꿔줘. 기존 제목·본문 내용과 버튼 동작은 유지하되 배치와 디자인은 바꿔도 돼. 접기·펼치기 제목줄 바로 아래에서 해당 본문이 열리는 구조는 유지해줘. 이미지 속 글을 복사하지 말고 내 내용으로 구성해줘. 정확한 글꼴 이름을 알 수 없으면 사용 가능한 비슷한 느낌의 한글 글꼴을 써줘. 수정 전 파일은 output/backups/web-before-reference에 보존해줘. 게시할 output/web에는 백업 파일을 넣지 마. 수정 결과를 열고 참고한 요소와 실제 바뀐 부분을 짝지어 세 가지 설명해줘. 컴퓨터와 휴대폰 폭에서 글자·이미지·버튼을 확인해줘.
수정 전과 비교해 배치·글자 크기·여백이 달라졌고, 이미지와 접기·펼치기가 작동합니다.
이미지와 모바일 화면 다듬기
작은 화면에서 직접 읽고 눌러봅니다.


output/web을 휴대폰 폭 390px과 PC 폭 1280px에서 확인해줘. 가로로 밀리는 부분, 잘리는 제목, 찌그러진 이미지, 누르기 작은 버튼을 고쳐줘. 본문과 기능은 유지해줘. 실제로 어느 부분을 확인했는지 알려줘.
input에 추가한 [cover.png]를 홈페이지 대표 이미지로 바꿔줘. 비율을 유지하고 제목과 버튼을 가리지 않게 해줘. 게시할 assets 폴더에도 포함하고 상대경로로 연결해줘.
모바일 폭에서 가로 스크롤 없이 제목·본문·버튼이 보입니다.
내 파일이 공개 주소가 되는 길
Git은 파일 변경 이력을 관리하는 프로그램입니다. GitHub는 온라인 보관 서비스, Pages는 홈페이지 게시 기능입니다.
메모
GitHub 로고: 공식 브랜드 자료 · 나머지는 개념 설명용 아이콘입니다.
GitHub에 가입하고 준비합니다
이미 계정이 있다면 로그인부터 시작하세요.
- 가입 화면 열기
GitHub 가입하기 ↗ · 이메일을 확인할 수 있게 준비합니다.
- 이메일·비밀번호·사용자 이름 정하기
화면 안내에 따라 가입과 이메일 인증을 끝냅니다. 비밀번호와 인증 코드는 직접 입력합니다.
- 로그인된 내 계정 확인
사용자 이름을 메모해두세요. 다음 화면에서 내 홈페이지 저장소를 만듭니다.
메모
내 홈페이지를 인터넷에 올립니다
새 저장소를 만들고 주소를 한 번 전달합니다. AI가 게시를 진행하면 실제 홈페이지 주소를 열어봅니다.
- 빈 공개 저장소 만들기
GitHub의 + → New repository에서 이름을 정하고 Public(공개)을 선택합니다. 예: my-first-project. README 추가는 끄고, 다른 초기 파일도 추가하지 않은 채 Create repository를 누릅니다. 이미 같은 이름이 있으면 다른 이름을 정합니다.
- Quick setup에서 HTTPS 주소 복사
Quick setup(빠른 시작)의 HTTPS를 선택하고 https://github.com/내아이디/저장소이름.git 형태의 주소를 복사합니다. SSH 주소나 명령어 전체를 복사하지 않습니다. Quick setup이 안 보이면 저장소 화면의 Code → HTTPS에서 주소를 찾습니다.
- 아래 요청의 주소 한 곳만 바꾸고 전송
설치·로그인·인증 요청이 나오면 강사와 확인하며 직접 완료합니다. AI는 웹파일을 올리고 Pages 게시까지 확인해야 합니다.
내 홈페이지를 이 GitHub 저장소에 올리고 GitHub Pages로 게시해줘. 저장소 HTTPS 주소: [Quick setup에서 복사한 내 저장소 주소] 먼저 현재 환경의 GitHub 연결·도구와 이 저장소에 파일을 올릴 권한, Pages 설정 권한을 확인해줘. 설치된 GitHub 플러그인을 사용할 수 있으면 활용해줘. 필요한 인증은 내가 직접 할 수 있게 한 단계씩 안내해줘. 비밀번호나 인증용 비밀키를 대화에 적게 하지 마. 연결이 없는데 성공했다고 말하지 마. output/web의 웹파일만 output/public에 모으고, 바로 아래 index.html·assets·빈 .nojekyll을 준비해줘. 링크와 이미지 상대경로를 검사해줘. 게시 작업은 output/deploy에 분리해 준비하고 public 안의 웹파일이 저장소 최상위에 올라가도록 해줘. input·개인 결과·백업·인증 정보와 프로젝트 전체는 올리지 마. 저장소에 기존 파일이 있으면 먼저 알려줘. 기존 이력을 덮어쓰거나 강제로 올리지 마. main 브랜치에 반영하고 GitHub Pages를 main의 /(root)에서 게시하도록 설정해줘. 설정 권한이 없으면 Settings → Pages에서 내가 할 동작만 안내해줘. 실제 배포 상태와 Pages에 표시된 공개 주소를 확인하고, 공개 주소에서 제목·이미지·버튼을 검사해줘. 저장소 주소를 홈페이지 주소라고 하지 마. 저장소 주소, 공개 주소, 브랜치·게시 위치, 로컬 작업 경로와 실제 확인 상태를 output/게시정보.md에 저장해줘. 인증 정보는 넣지 마. 완료한 단계, 아직 안 된 단계와 내가 열어볼 실제 홈페이지 주소를 알려줘.
AI가 알려준 실제 공개 주소를 다른 기기에서도 열어 제목·이미지·접기·펼치기를 확인했습니다.
메모


방금 게시한 연결을 확인합니다
저장소 주소를 다시 입력하지 않습니다. 같은 대화와 게시정보를 이어서 사용합니다.
방금 게시한 정보와 output/게시정보.md, output/deploy에 실제로 준비된 저장소 설정을 확인해줘. 새 주소를 묻기 전에 같은 대화의 저장소와 공개 주소가 일치하는지 확인해줘. 동일 저장소에 변경을 올릴 수 있는 연결과 권한이 유지되는지만 확인해줘. 이미 연결돼 있으면 다시 설치·로그인하지 마. 정보가 없거나 서로 다르면 추측하지 말고 빠진 정보만 물어봐줘. 인증은 내가 직접 할게. 지금은 파일을 수정하거나 다시 게시하지 말고, 다음 요청으로 같은 홈페이지를 업데이트할 준비가 됐는지 알려줘.
AI에게 수정과 업데이트 맡기기
같은 공개 링크에서 바뀐 제목을 확인합니다.
방금 게시한 정보와 output/게시정보.md를 참고해서 동일 홈페이지의 제목을 [새 제목]으로 바꿔줘. 주소를 다시 묻기 전에 실제 저장소 설정과 기록이 같은지 확인해줘. 정보가 없거나 다르면 필요한 부분만 물어봐줘. output/web 원본과 output/public, output/deploy의 게시 파일을 같은 내용으로 갱신하고 기존 이미지·버튼·접기·펼치기를 확인해줘. 연결된 동일 저장소에 변경을 기록하고 올린 뒤 배포 상태와 실제 공개 주소에서 새 제목을 대조해줘. 다른 저장소나 파일은 변경하지 마. 필요한 인증은 내가 직접 할 수 있게 안내해줘. output/게시정보.md에 이번 변경과 실제 확인 상태를 갱신해줘. 올리기나 배포가 실패하면 완료로 말하지 마.
처음 받은 공개 링크를 다시 열었을 때 새 제목이 보입니다.
메모
이 이야기를 짧은 영상으로
움직여봅시다
세 장 · 세 문장 · 12초 — 직접 재생하는 MP4까지
세 장·세 문장·12초
준비된 모션그래픽 틀에 이미지 세 장과 문구를 넣습니다. 움직임은 유지하고 내용을 내 것으로 바꿉니다.
| 장면 | 길이 | 역할 |
|---|---|---|
| 01 | 0–4초 | 주제와 첫인상 |
| 02 | 4–8초 | 핵심 이야기 |
| 03 | 8–12초 | 기억할 한 문장 |
재료 선택: [제공 이미지 / 내 사진] 제공 이미지는 input의 scene-02.jpg(노트북), scene-01.jpg(야경), scene-03.jpg(작업실) 순서로, 내 사진은 input/my-photos에서 세 장을 사용해줘. 내 문구: [제공 문구 사용 / 첫 문장, 둘째 문장, 셋째 문장] 제공 이미지를 쓰면 input/영상-문구.txt를 읽고, 내 사진이면 위 세 문장을 사용해줘. 세로 9:16, 12초 소개영상을 만들 거야. 제공 모션그래픽 틀의 큰 제목 순차 등장·입체 이미지 카드·파란 면 전환을 활용해줘. 장면마다 핵심 문구 하나를 강조하고 필요한 보조 문장은 짧게 해줘. 각 장면은 4초이며 마지막 핵심 문구는 읽을 시간을 남겨줘. 음악 없이 시작하고, 이미지와 글씨를 바꾸기 쉽게 구성해줘. 새 이미지나 음악을 생성하지 말고 내가 선택한 재료를 사용해줘. 사진은 비율을 유지하고 중요한 얼굴·대상이 잘리면 여백을 넣어줘. 사용할 이미지 파일 세 개의 이름·순서·문구를 output/video/영상계획.txt에 저장해줘. 지금은 계획만 세우고, 영상 파일은 다음 요청에서 만들어줘.
메모
HyperFrames로 내 소개영상
제공된 프로젝트에서 이미지와 문구를 바꿉니다.
완성예제/소개영상을 output/video로 복사하되, 이미 있는 영상계획.txt와 내가 만든 파일은 보존해줘. 제공된 HyperFrames 프로젝트와 사용방법.txt를 읽어줘. output/video/영상계획.txt에 적힌 이미지 순서와 문구로 12초 세로 소개영상을 수정해줘. 기존 제목 등장·입체 카드·이미지 확대·파란 면 전환의 움직임과 3장면 구조를 유지하면서 내용만 바꿔줘. 참고용 예제 MP4를 복사한 것으로 완료 처리하지 마. 글씨는 크고 대비가 분명하게, 얼굴이나 핵심 그림을 가리지 않게 배치해줘. 긴 문구는 줄이거나 줄바꿈·글자 크기를 조정해줘. 영상계획의 순서대로 장면 이미지 경로도 실제로 바꿔줘. 미리보기를 열고 한글·이미지·전환을 확인한 다음 output/video/내-소개영상.mp4로 저장해줘. 실행 환경이 부족하면 진단 결과와 필요한 설치만 안내해줘.
두 번째 장면 문구를 [내가 고른 짧은 문장]으로 바꿔줘. 글씨가 넘치지 않게 줄바꿈하고 전체 12초와 이미지 순서는 유지해줘. 미리보기와 output/video/내-소개영상.mp4를 다시 만들어 바뀐 장면을 확인해줘.
메모
MP4를 열어야 영상 완료
미리보기 주소와 실제 영상 파일을 구분합니다.
- MP4 파일이 생겼는지
output/video/내-소개영상.mp4가 있는지 확인합니다. 파일이 여러 개면 마지막으로 수정한 시각도 봅니다.
- 일반 동영상 플레이어로 재생
12초 전체를 보고 이미지·한국어 문구·제목 움직임·두 번의 장면 전환을 확인합니다.
- 수정한 장면 다시 보기
내가 바꾼 문구가 마지막으로 저장한 MP4에 있는지 봅니다.
output/video/내-소개영상.mp4의 위치·길이·가로세로 크기를 확인해줘. 일반 동영상 플레이어로 열 수 있게 안내해줘. 12초·720×1280·30fps인지 확인해줘. 처음·중간·마지막 장면의 한글·이미지·제목 움직임·장면 전환이 정상이고 마지막 문구를 읽을 시간이 있는지 확인해줘. HTML 미리보기만 있으면 완료라고 하지 마.
수정한 내 MP4 파일을 직접 재생했습니다.
이제 내가 만들고 싶은 것을
만들어봅시다
주제는 자유롭게. 오늘은 작동하는 핵심 기능 하나부터.
주제는 자유롭게, 기능은 하나로
1부에서 익힌 요청과 수정을 내 아이디어에 적용합니다.
| 만들고 싶은 것 | 오늘의 작은 버전 |
|---|---|
| 30문항 진단 앱 | 5문항·결과 3종·다시 하기 |
| 블로그 글을 강의 PPT로 | 글 하나 → 실제 PPTX 3장 |
| 사진으로 제품 가격 알아보기 | 사진 한 장 → 제품명·특징 분석. 가격 검색은 다음 단계 |
| 새 음악·웹툰 만들기 | 짧은 곡 하나 또는 장면 하나. 계정·도구부터 확인 |
| 아직 아이디어가 없다면 | E-4에서 대화로 찾기 · 바로 시작하려면 준비된 예제 선택 |
짧은 기획서로 범위 정하기
아이디어가 있으면 아래 요청으로 줄입니다. 없으면 다음 화면에서 대화로 찾고, 기획서는 한 번만 만듭니다.
내가 만들고 싶은 것은 [아이디어]야. 60분 안에 작동하는 첫 버전을 만들 수 있게 범위를 줄여줘. 만들고 싶은 이유 또는 겪는 불편, 사용할 사람, 입력 하나, 핵심 기능 하나, 결과 하나, 정상 결과를 확인할 입력 예시, 오늘 제외할 기능을 정리해줘. 외부 계정·API·MCP가 필요한지와 실제 준비 상태를 확인해줘. 준비가 없으면 오늘 실행할 수 있는 작은 대안을 제안해줘. 실행 → 내 입력으로 확인 → 필요한 수정 → 저장과 다시 열기 순서를 포함해 output/personal/기획서.txt에 짧게 저장해줘. 아직 구현하지 말고 강사와 함께 볼 핵심만 보여줘.
강사와 핵심 기능·입력·결과·완료 기준을 확인했습니다.
메모
대화하며 내 아이디어 찾기
무엇을 만들지 모르겠다면 질문에 짧게 답해보세요. 이미 기획서가 있다면 E-5로 넘어갑니다.
나는 코딩을 처음 배우는 사람이고, 아직 무엇을 만들지 정하지 못했어. 나와 짧게 대화하면서 “이건 직접 만들어보고 싶다”는 아이디어를 찾아줘. 처음부터 프로그램 목록을 길게 나열하지 말고 질문을 한 번에 하나씩 해줘. 내가 답하면 그 답을 참고해 다음 질문을 해줘. 내가 좋아하는 것, 자주 하는 일, 번거로운 순간, 주변 사람에게 보여주고 싶은 것, 지금 쓸 수 있는 사진·글·표 같은 재료를 자연스럽게 알아봐줘. 반드시 불편을 해결하는 도구만 제안할 필요는 없어. 질문은 최대 5개까지 하고 정보가 충분하면 더 묻지 마. 답이 짧거나 “모르겠어”라면 쉬운 예시나 선택지 2–3개를 같이 줘. 이미 답한 것을 다시 묻지 마. 내 답을 바탕으로 후보 3개를 제안해줘. 각 후보는 이름, 실제 완성 모습, 입력 → 핵심 동작 → 결과, 오늘 60분 안에 만들 작은 버전으로 짧게 보여줘. 일·생활·취미·재미·창작 중 내가 관심을 보인 방향을 반영해줘. 모든 후보를 흔한 취향 테스트로 만들지 마. 지금 가진 자료와 도구부터 활용하고 새 계정·유료 서비스·외부 연결이 필요하면 알려줘. 준비가 없으면 바로 실행할 작은 대안을 제시해줘. 내가 후보 하나를 고를 때까지 프로그램을 만들지 마. 선택하면 입력 하나, 핵심 기능 하나, 결과 하나, 정상 결과를 확인할 예시, 오늘 제외할 기능과 필요한 준비를 output/personal/기획서.txt에 짧게 저장해줘. 강사와 함께 확인할 핵심만 보여주고 아직 구현하지 마. 지금은 첫 질문 하나부터 시작해줘.
바로 시작하고 싶다면 · 준비된 예제
5문항 취향 테스트의 첫 버전을 기획해줘. 주제: [나의 작업 방식] 질문 5개, 선택지 3개, 결과 3종, 진행률, 다시 하기만 포함해줘. 로그인이나 외부 AI 연결 없이 브라우저에서 실행하는 범위로 정해줘. 답과 결과 연결, 동점일 때의 처리 방법, 세 결과를 확인할 입력 예제를 포함해줘. 입력 하나, 핵심 기능 하나, 결과 하나, 오늘 제외할 기능과 60분 안의 작업 순서를 output/personal/기획서.txt로 저장해줘. 아직 프로그램을 만들지 말고 강사와 함께 볼 수 있게 짧게 보여줘.
오늘 만든 유튜브 키우기 결과물의 구조를 내 자료에 적용하는 첫 버전을 기획해줘. 내 자료 위치: [input/my-materials 등 실제 자료 폴더] 바꿀 결과물: [미니북 / 웹페이지 / 소개영상 중 하나] 먼저 자료가 있는지 확인하고, 없으면 어디에 넣어야 할지 안내해줘. 한 시간 안에 바꿀 핵심 기능 하나, 입력 하나, 결과 하나, 확인 예제와 오늘 제외할 기능을 정해줘. 계획은 output/personal/기획서.txt로 저장하고 아직 제작하지 마. 기존 공통 실습 결과는 보존하고 새 결과는 output/personal 안에 따로 만들도록 계획해줘.
메모
내 기획서로 직접 만들어봅시다
E-3 또는 E-4에서 만든 기획서를 확인한 뒤, 내 입력으로 작동하는 첫 버전을 만듭니다.
output/personal/기획서.txt를 기준으로 첫 버전을 output/personal 안에 실제 파일로 만들어줘. 기획서가 없으면 먼저 알려주고 구현하지 마. 기존 공통 실습 결과는 보존해줘. 핵심 기능 하나부터 구현하고 예제 입력으로 실행해줘. 완성되지 않은 기능을 작동하는 것처럼 표시하지 마. 입력과 첫 화면 → 핵심 동작 → 저장과 다시 열기 순서로 진행해줘. 막히면 원인과 가장 작은 해결 방법을 제안해줘.
내 입력으로 핵심 기능 하나를 실제로 실행했습니다.
막혔을 때 다음 행동
강사를 기다리는 동안 현재 상태와 기대 결과를 정리합니다.
| 지금 겪는 문제 | 먼저 해볼 것 |
|---|---|
| 파일이 어디 있는지 모르겠어요 | AI가 알려준 경로를 확인하고 프로젝트 폴더의 output부터 찾습니다. 없으면 파일 생성이 끝났는지 물어봅니다. |
| 요청문에 대괄호가 남아 있어요 | 보내기 전에 내 선택으로 바꿉니다. 이미 보냈다면 무엇을 선택했는지 짧게 알려줍니다. |
| 문서가 안 열리거나 글씨가 깨져요 | 파일 이름 끝(.docx/.pdf)과 여는 프로그램을 확인합니다. PDF도 같은지 보고 오류 화면을 강사에게 보여줍니다. |
| 웹페이지에 그림이 없어요 | index.html과 assets가 함께 있는지 확인합니다. 게시한 저장소에도 assets가 올라갔는지 봅니다. |
| 영상은 보이는데 MP4가 없어요 | 미리보기만 만들어졌을 수 있습니다. 저장 오류와 출력 폴더를 확인하고, 실제 MP4 저장부터 해결합니다. |
| 사용량 제한 안내가 떠요 | 남은 사용량과 재설정 시각을 강사와 확인합니다. 모델을 바꿔도 초기화되지 않습니다. 준비 예제로 열기·수정점 정리·공유를 이어갈 수 있습니다. |
현재 상태: [어디까지 됐는지] 문제: [무엇을 눌렀는데 어떻게 됐는지] 원하는 결과: [원래 기대한 모습] 오류 문구: [보이는 내용을 그대로, 없으면 없음] 새 기능을 추가하지 말고 이 문제부터 확인해줘.
메모
서로 만든 것을
함께 보겠습니다
작동한 순간, 고친 부분, 다음에 만들고 싶은 것까지 나눠봅니다.
집에서도 다시 열 수 있게
결과 파일과 다음 요청을 함께 챙깁니다.
현재 작업을 저장하고 집에서 이어갈 수 있게 정리해줘. 실제로 생성된 파일과 확인한 실행 결과를 기준으로 완료·미확인·아직 안 되는 부분을 구분해줘. 설명만 한 기능을 완료라고 적지 마. 결과를 여는 파일과 실행 방법, 필요한 준비, 파일 위치, 내 입력 예시와 정상 결과, 막힌 부분, 다음 변경 하나를 프로젝트 바로 안의 이어서_하기.txt에 짧게 남겨줘. output/게시정보.md가 있으면 읽고 저장소 주소와 홈페이지 주소를 구분해 적어줘. 게시하지 않은 결과에 공개 링크를 요구하지 마. 파일을 직접 여는 결과와 서버·도구를 다시 시작해야 하는 결과의 실행 방법을 구분해줘. 비밀번호와 인증 정보는 기록하지 마. 결과 탭이나 플레이어를 닫고 기록한 방법으로 다시 열어 확인할 수 있게 안내해줘. 계정 로그아웃은 필요 없어. 아직 실행에 실패해도 현재 파일·오류·다음 해결 요청을 보존해줘.
파일·실행 방법·현재 상태를 이어서_하기.txt에 저장했습니다. 실행되는 결과는 직접 다시 열었고, 실패한 부분은 오류와 다음 행동을 남겼습니다.
각자 만든 것을 소개해봅시다
완성도보다 직접 만들고 고쳐본 경험을 나눠주세요.
방금 받은 의견 중 [고른 개선 하나]를 이어서_하기.txt의 다음 작업에 기록해줘. 기존 완료 상태와 다시 여는 방법은 보존하고 지금은 새 기능을 만들지 마.
메모
집에서 이어가는 첫 요청
집에서 같은 작업 폴더를 열고 이어갈 때 사용하는 요청문입니다.
이 프로젝트의 AGENTS.md와 이어서_하기.txt를 먼저 읽어줘. output/게시정보.md가 있으면 함께 읽어줘. 기록과 실제 파일·실행 방법을 대조하고, 없거나 다른 내용은 알려줘. 인계 파일이 없으면 실제 파일에서 현재 상태와 실행법부터 확인해줘. 현재 결과를 먼저 열거나 실행할 수 있게 안내하고, 확인한 동작과 미확인 부분을 구분해줘. 오늘은 [다음에 바꿀 한 가지]를 수정하고 싶어. 기존 핵심 동작을 확인한 뒤 작은 변경부터 진행해줘. 수정한 결과 종류에 맞춰 PDF 재저장·새 MP4 렌더·동일 홈페이지 재배포 중 필요한 작업을 하고 실제 결과를 확인해줘. 완료 후 이어서_하기.txt와 존재하는 게시정보를 최신 파일·실행 방법·상태·다음 작업으로 갱신해줘. 다른 컴퓨터라면 필요한 도구와 계정 연결부터 확인하고, 인증은 내가 직접 할 수 있게 안내해줘.
이성진 · 윤자동 AI 활용 컨설턴트 · 포텐셜인사이트 대표
LG계열사 책임연구원 · 에너지공학 박사 / 2026.10.11 개정궁금한 점과 막혔을 때
필요할 때 찾아보는 부록입니다. 모든 도움말 요청문을 순서대로 실행할 필요는 없습니다.
궁금한 점 · 쉬운 용어 설명
JSON이 뭔가요?
정보를 항목별로 정리해 저장하는 파일 형식입니다. 예를 들어 제목, 주제, 사용할 이미지 이름을 이름표와 함께 적어둔 자료입니다.
이번 실습의 input/project.json은 AI가 준비된 재료를 이해하도록 돕는 안내 파일입니다. 직접 작성하거나 외울 필요 없이 AI에게 읽어달라고 하면 됩니다.
AGENTS.md는 왜 있나요?
이 프로젝트에서 AI가 따라야 할 작업 안내문입니다. 원본 보존, 결과를 output에 저장하기, 초보자에게 쉽게 설명하기 같은 약속을 적어둡니다.
이번 ZIP에는 미리 들어 있습니다. 새 폴더에서 혼자 시작할 때도 이 약속을 적어두면 도움이 됩니다. AGENTS.md만 있다고 모든 요청이 자동 실행되는 것은 아니며 원하는 작업은 대화로 요청합니다.
input과 output은 꼭 이 이름이어야 하나요?
수업에서 정한 이름입니다. Codex가 반드시 요구하는 폴더 이름은 아닙니다. input은 재료, output은 새 결과, 완성예제는 확인·복구용 파일입니다.
이번 요청문은 이 이름을 사용하므로 수업 중에는 그대로 둡니다. 프로젝트의 맨 바깥 폴더 이름은 달라도 괜찮습니다. input/미니북-원고.txt는 현재 프로젝트의 input 폴더 안에 있는 파일이라는 뜻입니다.
프로젝트와 일반 폴더는 어떻게 다른가요?
폴더는 파일을 담는 공간이고, 여기서 프로젝트는 AI와 함께 작업할 폴더를 Codex에 연결한 것입니다. AI는 열린 프로젝트를 기준으로 재료를 읽고 결과를 만듭니다.
ZIP 자체나 그 위의 다운로드 폴더가 아니라 AGENTS.md·input·output이 함께 있는 폴더를 엽니다. 작업을 이어갈 때도 같은 폴더를 다시 엽니다.
HTML 파일과 인터넷에 게시한 웹페이지는 어떻게 다른가요?
HTML은 웹페이지의 글·그림 배치를 담는 파일입니다. 내 컴퓨터에서 열면 나만 보는 파일이고, 웹 호스팅에 올리면 다른 사람도 주소로 접속할 수 있습니다.
file://은 내 컴퓨터 파일, localhost는 내 컴퓨터에서 실행 중인 서버 주소입니다. 다른 사람이 볼 주소로 대신 공유하지 않습니다. 게시 후에는 https://로 시작하는 공개 주소를 휴대폰에서도 열어봅니다.
Git은 파일인가요, 프로그램인가요?
Git은 프로그램입니다. 파일의 변경을 기록·비교하고 기록해둔 이전 상태로 돌아가도록 돕습니다. 변경 이력 관리는 그 프로그램의 기능입니다. AGENTS.md 같은 안내문이나 강의 문장이 Git 자체는 아닙니다.
일반 파일 저장과 commit(변경 기록 남기기)은 다릅니다. 기록하지 않은 모든 상태를 복구할 수 있다고 보장하지 않습니다. Git은 명령어나 앱 화면을 통해 사용할 수 있습니다.
프로젝트의 숨김 .git 폴더에는 관리 정보와 이력이 있습니다. 직접 편집하는 일반 문서가 아닙니다. 아직 Git 관리를 시작하지 않았다면 폴더가 없어도 오류는 아닙니다.
GitHub는 온라인 보관 서비스, Pages는 홈페이지 게시 기능입니다. GitHub 가입과 내 기기의 Git 준비, AI의 접근 연결은 별도입니다. 브라우저 직접 업로드는 로컬 Git 설치 없이 가능하지만 AI 업데이트는 실제 연결·권한 확인이 필요합니다.
GitHub Pages가 있는데 Cloudflare·Netlify는 왜 쓰나요?
GitHub는 파일 보관 서비스이며 GitHub Pages가 웹 게시 기능입니다. 이번 HTML 소개 홈페이지는 무료 공개 저장소와 Pages로 충분합니다.
| 서비스 | 좋은 점 | 알아둘 점 |
|---|---|---|
| GitHub Pages | GitHub 계정으로 파일 이력과 정적 웹 게시를 연결 | 무료 경로는 공개 저장소. 서버 코드를 직접 실행하지 않음 |
| Cloudflare Pages | 폴더/ZIP 직접 업로드 또는 Git 연결·미리보기. 서버 기능은 Functions로 별도 구현 | 계정·프로젝트 설정 필요. Free Git 빌드 월 500회, 단일 파일 25 MiB. 직접 업로드 프로젝트는 Git 연결로 바로 전환할 수 없음 |
| Netlify | 폴더 업로드·Git 연결·배포 미리보기·서버 함수 | 지속 관리에 계정·설정 필요. 신규 Free는 월 300 credits, 공개 배포 1회 15 credits와 트래픽 등 공통 소비. 기존 계정은 요금 체계 확인 |
Netlify Drop은 가입 없이 시작하는 업로드도 제공합니다. 서버 함수는 별도 구현해야 하며 가입만으로 로그인·AI 연결이 완성되는 것은 아닙니다. 이 강의안은 강사 계정의 Cloudflare에 게시했고 학생 홈페이지는 GitHub Pages로 실습합니다. 기능·한도는 2026-10-11 공식 안내 기준이며 이용 시 계정 표시를 확인합니다.
.nojekyll은 무슨 파일인가요?
내용이 비어 있는 표시 파일입니다. GitHub Pages의 기본 Jekyll 변환을 거치지 않고 준비한 HTML을 게시하도록 알립니다. 프로그램을 설치하는 파일이 아닙니다.
이번 main 브랜치 게시에서는 index.html·assets와 같은 최상위에 둡니다. 이름은 앞에 점이 있는 .nojekyll이며 .txt를 붙이지 않습니다. Codex가 준비합니다. Mac에서 숨김 파일로 안 보일 수 있지만 AI가 존재를 확인할 수 있습니다.
이 파일만 만들었다고 홈페이지가 공개되지는 않습니다. 저장소 반영과 Pages 설정이 필요합니다. 모든 호스팅에서 반드시 필요한 파일은 아닙니다.
막혔을 때 · 증상으로 찾기
실제 발생 사례는 Word·LibreOffice 실행파일을 찾지 못한 문제입니다. 나머지는 예상 도움말입니다. 해결 방법은 내 환경에서 실행하고 확인해야 하며, 자동 검사 통과만으로 실습 해결이 검증된 것은 아닙니다.
예상 도움말파일이나 재료가 없다고 나와요
- ZIP을 압축 해제했는지 확인합니다. Windows는 마우스 오른쪽 버튼 → 모두 추출입니다.
- 열린 프로젝트 바로 안에 AGENTS.md와 input이 함께 있는지 확인합니다.
- 파일을 옮기거나 이름을 바꾸기 전에 강사와 폴더 위치를 확인합니다.
해결 확인: AI가 실제로 찾은 원고와 이미지 세 장의 위치를 알려줍니다.
현재 열린 프로젝트에서 AGENTS.md, input/project.json, input/미니북-원고.txt와 input/scene-01.jpg, input/scene-02.jpg, input/scene-03.jpg가 있는지 확인해줘. 파일을 만들거나 옮기지 말고, 실제 위치와 빠진 파일 이름을 알려줘. 프로젝트를 다른 위치에서 열었다면 내가 어떤 폴더를 열어야 할지 쉬운 말로 설명해줘.
예상 도움말복사한 요청문에서 뭘 바꿔야 하나요?
[대괄호] 안만 내 선택이나 문구로 바꾸고 대괄호는 지웁니다. 예를 들어 [제목을 더 짧고 눈에 띄게]를 제목을 ‘퇴근 후 나만의 채널’로 바꿉니다.
파일 경로는 임의로 바꾸지 않습니다. 대괄호가 없다면 해당 단계에서는 그대로 보냅니다. 선택 실습이나 오류 해결 요청문까지 모두 전송할 필요는 없습니다.
예상 도움말결과물이 어디에 저장됐는지 모르겠어요
현재 프로젝트의 output 폴더를 엽니다. 미니북은 book, 웹은 web, 영상은 video, 개인 제작은 personal 안을 먼저 봅니다. Windows는 파일 탐색기, Mac은 Finder에서 확인합니다.
해결 확인: AI 답변의 위치에서 파일을 직접 열 수 있습니다. ‘만들었다’는 말만 있고 파일이 없으면 완료가 아닙니다.
현재 프로젝트의 output에서 지금까지 만든 결과물의 실제 파일을 확인해줘. 존재하는 파일만 이름·위치·다시 여는 방법으로 짧게 정리해줘. 생성되지 않은 결과나 확인하지 못한 항목은 따로 알려줘. 새 파일은 만들지 마.
예상 도움말웹페이지에서 이미지가 안 보여요
- output/web/index.html과 assets 폴더를 함께 보관했는지 확인합니다.
- 게시할 때 HTML만 올리고 이미지 폴더를 빠뜨리지 않았는지 확인합니다.
- 깨진 이미지와 오류 문구가 있으면 강사에게 보여줍니다.
해결 확인: 새로고침 후 이미지가 보이고, 공개 주소에서도 같은 이미지를 확인합니다.
현재 문제: output/web/index.html에서 [어느 이미지가 안 보이는지]가 안 보여. 오류 문구: [그대로 적기 / 없음] HTML의 이미지 경로와 실제 파일 이름·위치를 비교해서 원인을 확인해줘. 현재 프로젝트 밖의 절대경로 없이 로컬 열기와 웹 게시에 함께 사용할 수 있게 고쳐줘. 원본 input은 보존하고 변경한 파일과 다시 확인할 방법을 알려줘.
실제 발생 사례Word나 LibreOffice를 설치하라고 나와요
Windows 실습에서 Word·LibreOffice 실행파일을 찾지 못한 사례가 있습니다. 문서 파일 생성과 화면 검수는 별개입니다. DOCX 생성이 가능해도 그 파일의 페이지 배치를 눈으로 확인하지 못할 수 있습니다.
Office를 설치하는 대신 B-5의 방식으로 진행합니다. PDF 직접 생성이 어렵다면 인쇄용 HTML을 만들고 브라우저에서 PDF로 저장합니다.
- output/book/미니북.html을 Chrome 또는 Edge로 엽니다.
- Windows Ctrl+P / Mac ⌘+P → PDF로 저장. A4·세로·배율 100%·머리글/바닥글 끄기. 색상·이미지가 빠지면 배경 그래픽을 켭니다.
- 미리보기에서 8쪽과 잘림 여부를 확인하고 output/book/미니북.pdf로 저장합니다.
해결 확인: 저장한 PDF를 직접 열어 한글·이미지·8쪽 구성을 확인합니다. DOCX를 열지 못했다면 화면 검수 미완료로 남깁니다. 두 파일의 배치가 같다고 가정하지 않습니다.
실제 오류는 수강생 환경 리허설에서 보고됨. 설치 없는 대체 절차의 Windows 전체 실행은 재확인이 필요합니다.
Microsoft Word나 LibreOffice 설치 없이 이어서 진행해줘. 편집용 DOCX를 만들 수 있으면 생성하고, 화면으로 검수하지 못했다면 그 사실을 알려줘. PDF 변환이 안 되면 같은 원고와 이미지로 output/book/미니북.html을 만들어줘. A4 세로 인쇄에서 표지 1쪽, 머리말·목차 1쪽, 본문 5쪽, 마무리 1쪽으로 나눠줘. 이미 있는 도구로 PDF를 저장할 수 있으면 output/book/미니북.pdf로 저장해줘. 자동 저장이 안 되면 내가 브라우저에서 PDF로 저장하는 방법을 안내해줘. 다음 실습에 필요한 output/book/미니북-원고.txt도 저장해줘. 확인하지 않은 파일을 검수 완료라고 하지 마.
예상 도움말PDF가 잘리거나 페이지 수가 달라졌어요
먼저 PDF 저장 때 A4·세로·배율 100%와 머리글/바닥글 끄기를 확인합니다. 그래도 잘리면 실제 페이지 번호와 잘린 내용을 AI에게 알려줍니다.
HTML만 고친 경우에는 PDF를 다시 저장해야 합니다. DOCX와 PDF를 서로 다른 도구로 만들었다면 줄바꿈과 페이지 수가 다를 수 있습니다.
해결 확인: 새 PDF 파일을 다시 열어 8쪽, 한글, 글씨 잘림, 이미지 표시를 확인합니다. DOCX가 안 열리는 경우까지 PDF 확인으로 대신 검수했다고 표시하지 않습니다.
output/book/미니북.pdf에서 [페이지 번호와 잘리거나 이상한 내용] 문제가 있어. 사용한 PDF 제작 방식과 인쇄 설정을 먼저 확인해줘. 제목·본문을 보존하면서 PDF가 8쪽이 되도록 글자 크기·여백·페이지 나눔을 조정해줘. HTML이 원본이라면 HTML도 수정하고 PDF를 다시 저장해줘. 자동 저장이 안 되면 내가 다시 저장하는 방법을 안내해줘. 같은 수정이 DOCX와 미니북-원고.txt의 내용에도 반영되게 해줘. 확인한 파일과 검수하지 못한 파일을 구분해서 알려줘.
예상 도움말고쳤는데 공개 홈페이지는 그대로이거나 404가 떠요
- 내 컴퓨터 파일과 실제 공개 주소를 구분합니다. HTML 수정만으로 인터넷 파일이 바뀌지는 않습니다.
- GitHub 저장소와 Settings → Pages에서 게시 상태·주소를 확인합니다. 아직 게시 중이면 완료될 때까지 기다립니다.
- index.html과 assets가 게시 위치에 함께 있는지 확인하고, 배포가 끝난 뒤 새로고침합니다.
해결 확인: 공개 주소를 휴대폰이나 새 브라우저에서 열어 변경된 문구와 이미지를 봅니다. 로그인·인증이 필요하면 본인이 처리하고 비밀번호나 인증값은 요청문에 적지 않습니다.
웹페이지의 공개 주소: [실제 공개 URL] 현재 문제: [이전 내용이 보임 / 404 / 다른 오류] 오류 문구: [그대로 적기 / 없음] output/web, output/public, output/deploy 중 실제로 존재하는 폴더와 게시용 파일을 먼저 확인해줘. 내가 게시한 저장소·브랜치·Pages 설정과 비교해서 어디까지 반영됐는지 확인해줘. 인증이 필요하면 내가 처리할 단계를 알려줘. 새 저장소나 새 사이트를 임의로 만들지 마. 프로젝트 전체나 input은 올리지 말고 웹파일만 갱신해줘. 수정한 파일과 실제 게시 여부를 구분해서 알려줘.
예상 도움말영상은 보이는데 MP4 파일이 없거나 예전 문구예요
브라우저 미리보기와 MP4 저장은 다릅니다. output/video/내-소개영상.mp4가 실제로 있는지, 수정 시각이 최신인지 확인합니다.
문구를 고친 뒤에는 MP4를 다시 렌더해야 합니다. ‘렌더’는 영상 프로젝트를 재생 가능한 영상 파일로 만드는 과정입니다.
해결 확인: 새 MP4를 일반 동영상 플레이어로 열어 처음·중간·끝의 문구를 봅니다. 제공된 예제 MP4를 재생한 것은 내 영상 제작 완료와 구분합니다.
output/video의 영상 프로젝트와 내-소개영상.mp4가 실제로 있는지 확인해줘. 현재 상태: [미리보기만 있음 / MP4 없음 / 수정 전 문구가 보임] 오류 문구: [그대로 적기 / 없음] 영상계획.txt와 최신 문구를 확인하고 새 이미지나 음악 생성 없이 현재 프로젝트를 MP4로 다시 렌더해줘. 저장 위치는 output/video/내-소개영상.mp4야. 영상 프로젝트의 원본은 보존해줘. 12초, 720×1280, 30fps인지 확인하고 실제 저장에 실패하면 원인과 다음 행동을 알려줘. 브라우저 미리보기를 MP4 저장 완료라고 하지 마.
예상 도움말AI가 오래 멈춰 있거나 사용량 제한이 떠요
먼저 현재 작업이 실행 중인지, 승인 대기인지, 오류나 사용량 제한인지 화면의 안내를 확인합니다. 같은 요청을 연속해서 보내지 말고 강사에게 상태를 보여줍니다.
사용량 제한이면 앱에 표시된 재개 가능 시간을 확인합니다. 모델을 바꾼다고 공유 한도가 초기화되는 것은 아니므로 임의로 반복 전환하지 않습니다. 대기 중에는 완성예제로 파일 확인·수정 위치 찾기를 이어갈 수 있습니다.
해결 확인: 실제 작업이 다시 진행되는지 확인합니다. 예제 확인과 직접 생성 완료는 구분해 기록합니다.
예상 도움말집에서 이어서 하려면 어떻게 시작하나요?
- 프로젝트 폴더 전체를 보관합니다. HTML 파일만 따로 옮기면 이미지가 빠질 수 있습니다.
- Codex에서 같은 폴더를 다시 엽니다.
- AGENTS.md와 이어서_하기.txt를 읽고 이어달라고 요청합니다. 파일이 없으면 현재 output부터 확인하도록 알려줍니다.
해결 확인: 기존 결과가 열리고 원하는 내용 한 곳을 수정해 다시 저장할 수 있습니다.
예상 도움말GitHub 연결이 안 돼요 · 직접 올리는 대체 방법
플러그인을 설치했다고 파일 쓰기·Pages 설정이 항상 가능한 것은 아닙니다. 강사와 연결 상태·계정·저장소 권한·오류 문구를 확인합니다. 이미 연결됐다면 반복 설치하지 않습니다.
- AI에게 output/public의 index.html·assets·.nojekyll을 준비하도록 요청합니다.
- 저장소 Code → Add file → Upload files로 public 안의 파일을 올리고 Commit changes로 저장합니다. public 폴더째 올리지 않습니다. 빈 저장소는 화면의 uploading an existing file 링크로 시작할 수 있습니다.
- Settings → Pages → Deploy from a branch → main → /(root) → Save.
- 게시 완료 후 Pages가 표시한 실제 주소를 다른 기기에서도 엽니다.
.nojekyll이 안 보이면 Codex가 해당 파일의 저장소 추가를 도울 수 있는지 확인하거나 GitHub Add file → Create new file에서 이름을 .nojekyll로 입력해 빈 파일을 추가합니다. 원고·개인 자료·백업·인증 정보는 올리지 않습니다.
직접 올렸다면 자동 업데이트는 미확인으로 기록합니다. 게시정보에 실제 저장소·홈페이지 주소와 상태를 남기고 C-8에서 AI 연결을 확인합니다. GitHub 공식 게시 설정
