JJ Creative 교육연구소

HRD×AI 라운지 자료실

기업·기관에서 교육을 직접 기획하고 운영하시는 분들을 위한 자료를 모아둡니다. 읽고 끝나는 글 대신, 내일 과정에 바로 넣을 수 있는 것만 올립니다.

자료 번호는 카테고리 안의 순서입니다 — «운영 03»는 상시 운영 카테고리의 세 번째 자료입니다. 처음이시면 1 · 설치부터 차례로 보시면 됩니다.

목차 펼쳐보기 전체 64편 · 카테고리 14개
1 · 설치 — 무엇을 쓸지 고르고 앱 깔기

ChatGPT의 세 가지 얼굴을 먼저 이해하고, Claude 앱·ChatGPT 앱부터 CLI·Node.js·Python까지 한 번에 설치합니다. AI 브라우저 Aside와 Muse 가입도 여기서.

01

ChatGPT 세 가지 — 대화·업무·코딩, 언제 무엇을 쓰나

2026년 7월부터 ChatGPT가 하는 일이 다른 세 곳으로 나뉘었습니다. 이름만 어렵지 내용은 단순합니다 — 답이 필요하면 «대화», 파일이 필요하면 «업무». 무엇이 어떻게 다른지, 어디서 고르는지, 내 업무엔 뭘 써야 하는지를 실제 화면 5컷과 함께 아주 쉬운 말로만 정리했습니다. 잘 모르고 쓰면 손해 보는 사용 한도 이야기도 담았습니다.

대화·업무·코딩 비교표업무별 추천실제 화면 5컷한도 주의10분 실습
열어보기 →
02

업무 자동화를 위한 Claude Code·Codex 환경 설정

AI가 내 PC의 폴더를 직접 열고 파일을 읽고 결과를 저장하게 만드는 설치 안내입니다. 아무것도 깔리지 않은 Windows PC 기준으로 PowerShell 여는 법부터 Git → Claude 앱·ChatGPT 앱 → Claude Code CLI·Codex CLI → Node.js·Python → Playwright → MCP·커넥터까지 실제 선행 조건 순서대로 잡았습니다. 명령창(PowerShell)은 Claude 를 깔기 전 1~6단계에만 나오고, 그 뒤의 설치·확인은 Claude 에게 말로 시킵니다. 🔗 공식 링크 · ▶ PowerShell · 💬 AI 요청을 입력 위치별로 구분했고 전부 복사 버튼이 있습니다. 샘플 설문 파일로 첫 자동화까지 따라 합니다. 2026년 9월 11일 공식 문서 기준.

13단계 · 약 90분PowerShell은 설치 전까지만앱 2 + CLI 2Node.js · Python · PlaywrightMCP·커넥터 앱별 지원표샘플 CSV·규칙 파일
열어보기 →
03

AI 브라우저 Aside 시작하기 — 설치부터 에이전트·MCP·CLI까지

«복사해서 붙여넣는» AI 사용을 끝내는 도구입니다. AI가 내가 이미 로그인해 둔 화면 안으로 직접 들어가 일합니다. 왜 써야 하는지부터 설명하고, Windows 설치 → 에이전트 연결 → MCP 연결 → CLI 사용까지 순서대로 잡았습니다. 컴퓨터를 잘 다루지 못하셔도 따라 하실 수 있게 실제 화면 4컷과 그대로 복사해 쓰는 명령어와 Claude 에게 붙여넣는 요청문만으로 구성했습니다. 1단계만 하셔도 충분합니다. 2026년 9월 15일 실제 PC에서 검증.

설치 5분실제 화면 4컷명령어·요청문 복사 버튼MCP 연결 확인법권한·안전 수칙
열어보기 →
04

AI 브라우저 최강자는 눅? 어사이드 Aside VS 텐센트 Browserskill.

Aside는 브라우저 중심 AI 작업 환경, BrowserSkill은 기존 에이전트를 Chrome에 연결하는 도구입니다. 둘의 공통점과 구조 차이를 게임쇼 영상과 실제 화면으로 설명합니다. Codex 데스크톱에서 한국어로 설치·사용을 요청하는 방법, 연결 진단과 실제 검색·페이지 읽기·CSV 결과, 업무별 선택 기준과 문제 해결 순서까지 담았습니다.

Aside vs BrowserSkill게임쇼 영상 · 1.25배속자연어 설치·사용실제 화면 11컷bsk CLICSV 실습 결과
열어보기 →
2 · 연결 — 커넥터·MCP·스킬·플러그인

AI가 내 지메일·드라이브·캘린더와 마우스·키보드까지 직접 쓰게 하는 설정입니다. 개념을 먼저 잡고 Claude, ChatGPT 순서로 연결합니다.

01

AI는 어떻게 내 도구를 쓰는가 — MCP·스킬·커넥터 쉽게 이해하기

예전의 AI는 묻고 답하면 끝이었습니다. 지금은 파일을 읽고 자료를 찾고 문서를 만듭니다. 그런데 AI는 어떻게 내 Gmail·드라이브·노션과 연결될까요. 이 구조를 모르면 겁이 나서 못 쓰거나, 아무 생각 없이 다 연결해 버립니다. 커넥터는 출입증, MCP는 공통 규격, 스킬은 업무 매뉴얼 — 신입사원 비유로 셋을 구분하고, 헷갈리기 쉬운 «일렬 계층» 오해도 바로잡습니다. HRD 업무 사례 5종, 복사해 쓰는 프롬프트 8종, «연결 전 5초 체크»까지. 코드는 한 줄도 나오지 않습니다.

프롬프트 8종 복사핵심 비교표HRD 사례 5종10분 실습보안 체크코드 없음
열어보기 →
02

Claude에 커넥터·MCP·스킬 연결하기 — 복사·붙여넣기를 없애는 법

AI에게 일을 시킬 때 가장 많이 하는 동작이 복사와 붙여넣기입니다. 커넥터를 연결하면 그 일이 사라집니다 — AI가 내 지메일·드라이브·캘린더를 직접 열어 봅니다. 커넥터·MCP·스킬·플러그인이 뭐가 다른지 비유로 풀고, 어디를 누르는지 실제 화면 7컷으로 짚어 드립니다. 교육담당자가 먼저 켜야 할 다섯 가지와, 연결됐는지 확인하는 프롬프트 4종을 복사해 쓰실 수 있습니다.

실제 화면 7컷확인 프롬프트 4종커넥터 20종 목록Gmail·드라이브·캘린더무료 계정 가능
열어보기 →
03

ChatGPT에 플러그인 연결하기 — «연결 02»를 GPT에서 똑같이

앞 편에서 Claude에 붙인 것을 ChatGPT에서도 똑같이 합니다. 이름만 «플러그인»으로 다를 뿐 순서도 개념도 같습니다. 설정 → 플러그인에서 Gmail·드라이브·캘린더·주소록을 켜는 과정을 실제 화면 5컷으로 따라갑니다. ChatGPT에만 있는 구글 주소록 활용 프롬프트까지 5종 드립니다. «연결 02»와 짝으로 보십시오.

실제 화면 5컷확인 프롬프트 5종구글 주소록 연동«연결 02»와 비교표권한 설정 주의
열어보기 →
04

AI에게 마우스와 키보드를 쥐여주기 — Cua · Codex 플러그인

커넥터는 정해진 서비스에만 붙습니다. 그런데 사내 시스템이나 설치형 프로그램은 붙을 커넥터가 없습니다. Cua는 그 벽을 다르게 넘습니다 — AI가 화면을 보고 직접 클릭하고 타이핑합니다. 사람이 쓰듯 쓰는 것이라 붙는 곳을 가리지 않습니다. 핵심은 내 마우스를 뺏지 않고 뒤에서 돈다는 점입니다. 여기에 OpenAI 공식 플러그인으로 Claude 안에서 Codex를 불러 검토받는 방법까지 묶었습니다. Claude 에게 한국어로 시키면 설치가 끝나고, 계산기를 여는 첫 실습까지 따라 합니다. 지금 실무에 맡기기엔 이르다는 점도 숫자로 분명히 적었습니다. 2026년 9월 21일 실제 Windows PC에서 설치하며 확인했습니다.

Claude에게 말로 설치실제 화면 4컷MCP로 연결계산기 첫 실습Codex 검토·위임 6종보안 주의 4가지오류 해결표
열어보기 →
3 · 기본 활용 — 대화창에서 바로 쓰기

설치가 끝났으면 프롬프트와 명령어부터. 매번 반복하는 지시는 AI 비서로 저장하고, 결과물은 AI 티 없이 다듬습니다.

01

교육담당자가 내일 바로 쓰는 AI 프롬프트 24

도구 소개는 넣지 않았습니다. HRD 업무 흐름을 여섯 단계로 나눠 각 단계에서 실제로 시간을 잡아먹는 일에만 붙였습니다. 대괄호 부분만 회사 상황으로 바꾸시면 되고, 24개 전부 복사 버튼이 달려 있습니다.

니즈분석과정설계콘텐츠제작운영평가보고
열어보기 →
02

AI 업무 명령어 161 — 슬래시 코드 사전

인스타에 «ChatGPT 비밀 코드»로 도는 슬래시 명령어를 모아 중복을 걷어내고 161개로 정리했습니다. 명령어마다 교육담당자·강사·실무 세 관점의 프롬프트 예시를 달아 총 483개. 예시는 명령어까지 통째로 복사되니 붙여넣고 내용만 바꾸면 됩니다. AI 코딩 명령어 15개도 넣었고, 실제로 설정해야 작동하는 것과 그냥 되는 것을 구분했습니다.

명령어 161프롬프트 483세 관점 예시AI 코딩 포함1회 설정문검색·복사
열어보기 →
03

ChatGPT 이미지 명령어 100 — 예시 이미지를 전부 붙였습니다

이미지 생성에 쓰는 슬래시 명령어 100개를 10개 분류로 정리했습니다. «기본 02»와 다른 점은 하나입니다 — 명령어마다 그 명령어로 실제 만든 예시 이미지 100장을 붙였습니다. «3D 빌보드가 뭔데?»를 글로 읽지 않고 보고 고르시면 됩니다. 명령어마다 기본형·업무 응용형 프롬프트 2개씩 총 200개, 명령어째로 복사됩니다. 공식 명령어가 아니라는 점도 분명히 적었습니다.

명령어 100예시 이미지 100장프롬프트 20010개 분류검색·복사브랜드 미사용
열어보기 →
04

한 번 만들어 두고 평생 쓰는 나만의 AI 비서

«개조식으로 써 줘, 숫자는 지어내지 마» — 매번 같은 설명을 반복하고 계십니다. 지시문을 한 번 저장해 두면 그다음부터는 자료만 던져도 내 형식대로 나옵니다. ChatGPT 프로젝트 · Gemini Gem · Claude 프로젝트 세 곳에 직접 만들며 찍은 화면 11컷, 그리고 결과보고서·기획안·설문분석·섭외메일·교안검토·공지까지 교육담당자용 지시문 6종을 복사해 쓰실 수 있게 담았습니다.

지시문 6종 복사실제 화면 11컷세 도구 비교실제 결과물 검증전부 무료
열어보기 →
05

AI가 쓴 티 안 나게 쓰는 법 — 문체 교정과 환각 검증

문장에 틀린 곳은 없는데 「이거 AI가 쓴 것 같은데요」 소리를 듣습니다. 내용이 아니라 리듬 때문입니다. AI 글에 반복되는 여섯 가지 버릇을 짚고, 내가 쓴 글 세 편으로 «내 문체 지침서»를 만드는 법을 담았습니다. 그리고 더 중요한 것 — AI가 지어낸 숫자와 인용문을 스스로 자백하게 만드는 프롬프트. 문체는 어색해도 사과하면 끝이지만, 사실이 틀리면 신뢰를 잃습니다.

프롬프트 3종 복사AI 버릇 6가지환각 검증문체 지침서최종 점검 5줄
열어보기 →
06

OpenAI dots 완전 가이드 — 24시간 일하는 클라우드 AI 에이전트

GPT‑6 Astra 기반의 상시 작동 AI 에이전트 dots를 처음 접하는 분을 위한 실전 안내입니다. Pro·Business Premium 제공 대상부터 PC에서 첫 dot 만들기, 플러그인·권한 설정, 자체 클라우드 컴퓨터, 내 PC 연결, Work·Codex 연계, 모바일에서 이어 쓰기까지 공식 자료 기준으로 순서대로 설명합니다. HRD·콘텐츠·개발·영업 활용 예제와 초보자용 인포그래픽도 함께 제공합니다.

2026-09-30 공식 기준PC 설정모바일 활용Work·Codex 연계초보자 가이드
열어보기 →
07

Google Flow 영상 명령어 249 — 실제 Flow 생성 이미지와 함께

인스타그램에서 화제가 된 Google Flow 영상 치트시트 2종(99개 + 100개)과 보너스 50개를 합쳐 249개로 정리했습니다. 명령어마다 한국어 설명과 복사해서 바로 쓰는 실습 프롬프트(명령어·프롬프트 각각 복사 버튼)를 달았고, 카테고리별 대표 예시 19장은 실제 Google Flow에서 직접 생성한 이미지로 채워지고 있습니다. 슬래시 표기가 공식 명령어가 아니라는 점도 분명히 적었습니다.

명령어 249한국어 설명 249실습 프롬프트 249실제 Flow 생성 이미지 순차 공개검색·복사
열어보기 →
08

일상 속 ChatGPT 실습 교재 — 휴대폰으로 따라 하는 24가지

AI가 처음인 분께 드리는 휴대폰용 실습 교재입니다. 교재를 열고 질문 문장의 [복사하기]를 눌러 ChatGPT 앱에 붙여넣기만 하면 됩니다. 냉장고 사진으로 저녁 메뉴 묻기, 외국어 메뉴판 옮기기, 여행 일정 짜기, 식당 예약 멘트, 덕담 쓰기까지 일상 실습 24가지를 보내는 화면·답변 화면과 함께 담았습니다. 설명은 전부 쉬운 우리말이고, 대부분 무료 기능으로 됩니다.

휴대폰 실습 24가지질문 문장 복사 버튼실제 화면 이미지무료로 가능50대 이상 눈높이강의·부모님 안내용
열어보기 →
4 · 도구별 활용 — 교재·이미지·영상·데이터

NotebookLM·Gemini·Google Flow로 교재와 이미지·영상을 만들고, 설문 결과를 보고서로 바꿉니다.

01

NotebookLM으로 사내 교재 만들기 — 교육영상·교안·퀴즈까지

자료를 올리면 그 자료 안에서만 답합니다. 사규·교안·법령처럼 «틀리면 안 되는 것»에 쓰기 좋고, 버튼 한 번에 성우 목소리가 얹힌 교육영상과 마인드맵·퀴즈·슬라이드까지 나옵니다. 2026년 9월 16일 실제로 만들면서 찍은 화면 11컷과, 교육담당자 업무에 맞춘 복사해 쓰는 프롬프트 15개로 처음부터 끝까지 잡았습니다. 무료로 시작하실 수 있습니다.

실제 화면 11컷프롬프트 15개 복사교육영상 3분결과물 직접 제작무료
열어보기 →
02

Gemini 하나로 여섯 가지를 다 합니다 — 조사·그림·음악·보고서·발표자료·게임

자료 조사는 검색으로, 그림은 다른 사이트에서, 발표자료는 파워포인트로 — 창을 대여섯 개 여는 일을 하나로 줄입니다. 딥 리서치 · 이미지 · 음악 · Canvas 문서 · 슬라이드 · 웹게임을 전부 Gemini에서 실제로 만들어 봤고, PPTX 9장 · Word 문서 · MP3 · 돌아가는 게임 HTML을 파일로 내려받는 데까지 갔습니다. 캔버스로 만든 퀴즈 게임은 직접 플레이해 최종 점수 화면까지 담았습니다. Word는 Gemini에 없고 Google 문서를 거쳐야 한다는 것 같은 실제로 막히는 지점도 그대로 적었습니다. 딥 리서치 보고서를 «웹페이지»로 변환한 결과물은 라운지에 그대로 올려 두었으니 직접 눌러 보십시오 — ROI 슬라이더까지 살아 있습니다.

프롬프트 8종 복사실제 화면 34컷PPTX·Word 다운로드게임 실제 구동변환 웹페이지 직접 체험함정 5가지
열어보기 →
03

Google Flow로 교육자료 이미지·영상 무료로 만들기

교육자료에 쓸 그림, 더는 사지 마십시오. 구글 계정만으로 슬라이드에 바로 쓸 이미지와 영상을 만듭니다. 모델·크기·개수를 어디서 정하는지, 왜 영어로 넣어야 하는지, 영어를 못 해도 되는 방법까지 잡았습니다. 실제로 만들면서 찍은 화면과 결과물 4장, 교육담당자용 프롬프트 9종을 복사해 쓰실 수 있게 담았습니다.

프롬프트 9종 복사실제 결과물 4장모델·크기·개수 설정영문 변환기무료
열어보기 →
04

AI 목소리로 교육 영상 만들기 — 대본에서 완성까지 한 시간

영상 제작이 막히는 지점은 늘 녹음이었습니다. 조용한 방, 마이크, 그리고 내용이 바뀌면 처음부터 다시 읽기. 이제 대본을 고치면 목소리가 즉시 다시 나옵니다. 내레이션 대본 · AI 음성 · 슬라이드 · 편집까지 네 단계를 순서대로 정리했고, 대본 만들기 · 슬라이드 문구 뽑기 프롬프트를 복사해 쓰실 수 있습니다. 한국어 음성 도구 3종 비교와 AI 아바타를 아직 쓰지 않아도 되는 이유도 담았습니다.

프롬프트 2종 복사음성 도구 비교편집·자막 설정값아바타 주의사항첫 편 1시간
열어보기 →
05

설문 결과를 AI에게 맡기기 — 엑셀에서 보고서까지 20분

교육이 끝나면 설문이 쌓입니다. 평균을 내고, 주관식 200개를 읽어 묶고, 인용문을 고르고, 보고서를 씁니다. 이틀 걸리던 일이 20분이 됩니다. 엑셀 함수는 하나도 모르셔도 됩니다 — 파일을 올리고 한국어로 시키면 됩니다. 파일 확인 · 숫자 뽑기 · 주관식 묶기 · 보고서 작성 프롬프트 4종과, AI가 지어낸 문장을 스스로 걸러내게 하는 한 줄, 그리고 믿기 전에 확인할 검증 3단계까지 담았습니다.

프롬프트 4종 복사실제 출력 예시개인정보 주의검증 3단계함수 불필요
열어보기 →
06

AI 모션 영상 16종 — 고르고, 복사하고, 바로 만들기

«모션 영상 만들어줘»만으로는 AI도 막막합니다. 종류를 먼저 고르면 요청이 구체적이 됩니다. 런칭 필름·제품 데모·키네틱 타이포 같은 기본 8종에 과정 오프닝·화이트보드 설명·롤플레이 대화·퀴즈 쇼·리더보드·미션 브리핑·시뮬레이션 대시보드까지 교육용 8종을 더했습니다. 종류마다 실제로 만든 8초 샘플 영상과, 빈칸만 채우면 되는 템플릿 프롬프트, 그 샘플을 만든 제작 프롬프트를 붙였습니다. 사이즈(세로·정사각)와 길이(30초~10분)를 바꾸는 문장도 복사해 쓰실 수 있습니다.

샘플 영상 16편프롬프트 42개 복사교육·HRD 전용 8종사이즈·길이 문장HyperFrames
열어보기 →
07

Gemini Gems 가 스킬로 바뀝니다 — 만들기·쓰기·올리기·섞어 쓰기 A to Z

11월 17일부터 Gemini 의 젬이 스킬로 옮겨집니다. 젬이 «AI 직원 한 명»이었다면 스킬은 «Gemini 에 장착하는 업무 기술» — 어느 대화에서든 / 로 부르고, 두 개를 섞어 씁니다. 무료 계정에서 가족 식단표 · 리더 1:1 면담 코치 · 회의록 정리 스킬 세 개를 실제로 만들며 찍은 화면 25장으로, Gemini로 만들기·수동으로 만들기·SKILL.md 업로드·관리·젬 옮기기까지 정리했습니다. 스킬 원문 복사와 SKILL.md 내려받기, HRD 스킬 아이디어 5종 포함.

실제 화면 25장해설 영상스킬 3개 원문SKILL.md 내려받기명령어 0줄HRD 스킬 5종
열어보기 →
08

구글 문서·시트·슬라이드 안의 Claude — 설치부터 고급 HRD 실습까지

10월 6일 공식 발표된 Claude의 Google Workspace 지원을 실제로 사용했습니다. 개별·관리자 설치의 차이부터 문서의 평가 루브릭, 시트의 함수·피벗·대시보드, 슬라이드의 예산·결과 보고까지. 자연어 요청과 실제 영상·스크린샷으로 기초부터 고급까지 설명하고, 확인하지 못한 기능도 구분했습니다.

실제 관리자 설치해설·실습 영상고급 HRD 사례실제 함수·피벗예시 파일 3종
열어보기 →
5 · 응용 — 만들기와 자동화

말로 웹앱을 만들고, 디자인과 3D를 시키고, AI가 내 대신 사이트에 들어가 일하게 합니다. 에이전트와 다채널 배포까지.

01

AI 스튜디오로 바이브코딩 ① — 말로 설문 웹앱 만들기

한국어로 «이런 걸 만들어 줘»라고 적으면 AI가 코드를 써서 실제로 돌아가는 웹앱을 만들어 줍니다. 교육 만족도 설문 앱을 프롬프트 한 번, 4분에 만든 전 과정을 실제 화면으로 담았습니다. 5점 척도·주관식·관리자 통계·AI 분석까지 들어간 앱이 나왔습니다. 여기서 대부분 포기하게 만드는 함정 하나(모델 설정)도 실측으로 짚었습니다. 3부작 중 1부.

3부작 ①실제 앱 제작프롬프트 6종 복사모델 설정 함정무료
열어보기 →
02

AI 스튜디오로 바이브코딩 ② — 응답이 진짜로 쌓이게 만들기

1부의 설문 앱은 내 브라우저에만 저장됩니다. 진짜 설문으로 쓰려면 모두의 응답이 모이는 창고가 필요합니다. 한국어 한 문단으로 2분 30초에 Firebase를 붙였고, 직접 설문을 제출해 관리자 화면 집계까지 확인했습니다. 개발자가 반나절 걸리던 일입니다. 무료 한도(하루 4만 건)와 보안 규칙, 막혔을 때 푸는 법까지 담았습니다.

3부작 ②제출·집계 검증2분 30초무료 한도 안내오류 해결
열어보기 →
03

AI 스튜디오로 바이브코딩 ③ — 구글 시트 연동과 배포

응답을 구글 시트로 빼고, 앱을 배포해 주소 하나로 나눠줍니다. 버튼을 눌러 실제 시트가 만들어지고 응답이 들어간 것까지 확인했습니다. 중간에 난 오류(한국어 환경의 시트 이름 문제)를 «Fix» 한 번으로 고친 과정도 그대로 실었습니다. Gmail·Docs·Calendar 연동 프롬프트도 함께 드립니다. 완성된 앱을 직접 눌러보실 수 있게 배포 주소도 열어 두었습니다. 3부작 완결.

3부작 ③시트 생성 검증오류 해결 실사례배포·공유연동 프롬프트 6종배포본 열어보기
열어보기 →
04

웹페이지 UI 디자인 22선 — 시안과 프롬프트를 그대로 드립니다

AI에게 «예쁘게 만들어 줘»라고 하면 늘 비슷한 게 나옵니다. «예쁘게»는 지시가 아니기 때문입니다. 글래스모피즘·뉴 브루탈리즘·벤토 그리드부터 Three.js 스크롤 3D·파티클·3D 틸트 카드까지 22가지 스타일을 시안 이미지와 함께 정리했습니다. 각 스타일마다 그대로 복사해 넣는 한국어 프롬프트가 붙어 있어, 클로드코드·코덱스·AI 스튜디오에 붙여넣기만 하면 됩니다. 뒤에는 Mobbin·Awwwards·Three.js 예제 등 참고 사이트 12곳을 화면과 함께 안내합니다.

프롬프트 22종 복사시안 22컷3D·인터랙티브 4종참고 사이트 12곳용도별 추천표
열어보기 →
05

AI에게 3D를 시키는 법 — 검증된 프롬프트 9선

지어낸 예시가 없습니다. 2026년 9월 한 주 사이에 공개된 실제 사례 9건만 모아, 제작자가 입력한 프롬프트 원문을 그대로 싣고 우리말 번역을 나란히 붙였습니다. 결과물 3건은 페이지 안에서 바로 돌려볼 수 있고, 나머지도 원글·소스코드 링크를 전부 확인했습니다. 장비도 외주도 없이 교육용 3D를 만드는 길입니다.

프롬프트 원문 + 번역결과물 3건 바로 실행소스코드 4건가장 짧은 프롬프트 127자안전·제품·온보딩 적용
열어보기 →
06

어사이드로 쿠팡 장보기 자동화 — 제품 조회부터 장바구니까지

AI에게 «이거 사줘»라고 한국어로 시키면, 제가 로그인해 둔 쿠팡에 AI가 직접 들어가 제품을 찾고 단가를 계산해 장바구니에 담습니다. 실제 계정으로 세 가지를 담으며 만난 함정 네 가지를 그대로 실었습니다 — 멤버십 전용이라 버튼이 막히고, 76×76을 검색했는데 76×50이 섞여 나오고, 제일 싸 보이는 상품이 실은 11% 비싼 일이 전부 실제로 일어났습니다. 프롬프트 전문 3종과 교육 물품 구매용 응용 프롬프트를 복사해 쓰실 수 있습니다. 결제는 하지 않습니다.

프롬프트 3종 복사실제 화면 9컷함정 4가지 실측단가 계산 비교표교육물품 구매 응용
열어보기 →
07

AI 에이전트 — 시키면 끝까지 해 오는 AI 만들기

지금까지는 AI에게 묻고 답을 받았습니다. 복사해 붙이고 시트에 넣고 메일 쓰는 «그다음»은 우리 몫이었습니다. 에이전트는 그 그다음까지 합니다. 보고·계획하고·실행하고·확인하는 네 단계를 스스로 반복합니다. 실제로 시켜 본 실행 기록을 그대로 실었고, 교육담당자 업무 그대로인 프롬프트 3종(신청자 명단 정리 · 작년 보고서로 올해 계획 초안 · 이번 주 준비물 점검)을 복사해 쓰실 수 있습니다. «멈출 선» 긋는 법도 함께 담았습니다.

업무 프롬프트 3종실행 기록 수록도구 4종 비교안전 수칙«연결 02»·«연결 03»와 연결
열어보기 →
08

원고 하나로 다섯 곳에 — 인스타·스레드·블로그·유튜브·뉴스레터

교육 하나를 마치면 같은 이야기를 다섯 번 씁니다. 블로그에 한 번, 인스타에 한 번, 스레드에 한 번… 다시 쓰지 마십시오. 제대로 된 원고를 한 번만 쓰고 나머지 넷은 «옮기면» 됩니다. 채널마다 길이와 첫 문장이 왜 달라야 하는지 표로 정리했고, 중심 원고 만들기 · 다섯 채널 일괄 변환 · 배포 일정표 프롬프트를 복사해 쓰실 수 있습니다. AI가 낸 결과에서 딱 세 군데만 손보는 법도 함께 담았습니다.

프롬프트 3종 복사채널별 요구사항 표배포 일정검수 3원칙«응용 07»와 연결
열어보기 →
09

학습 동영상 제작 스킬 — 주제와 자료만 주면 교육 영상이 나옵니다

사내 교육에 쓰는 3~8분 학습 동영상을 Claude Code 가 처음부터 끝까지 만듭니다. 학습 목표와 구조를 짜고, 대본을 쓰고, 무료 한국어 음성으로 읽고, 자막·배경음악·효과음·캐릭터 상황극·퀴즈까지 넣어 mp4 와 자막 파일로 내놓습니다. 구조는 마이크로러닝·Mayer 멀티미디어 원칙·Gagné 9사태를 조사해 정리한 내용을 따랐습니다. Python·Node.js·ffmpeg 가 없어도 설치 파일(install.bat) 하나를 두 번 누르면 알아서 설치하고, 모델은 Claude Sonnet 5.5 를 씁니다. 샘플 영상(신입사원 비즈니스 매너 5분)을 바로 볼 수 있고, 프롬프트 3가지(주제·대상·시간)를 복사해 바꿔 쓰시면 됩니다.

샘플 영상 5분프롬프트 3종 복사무료 음성 3종스타일 4종장면 14종설치 파일 1개소넷 5.5 전용
열어보기 →
6 · 심화 — AI 워크플로우와 스킬팩

한 번씩 꺼내 쓰는 AI가 아니라 업무 흐름 전체에 거는 법. 요구분석에서 자산화까지, 그리고 내 회사 이름으로 도는 스킬팩.

01

AI 워크플로우 ① — 요구분석에서 교안까지

이제 AI는 «필요할 때 한 번씩 꺼내 쓰는 것»이 아닙니다. 업무 흐름 전체에 거는 것입니다. 워크플로우의 네 가지 문법 — 구간 나누기 · 이어 붙이기 · 관문 · 루프 — 을 도식으로 익히고, 고객사 메일 한 통에서 시작해 그 회사만을 위한 경영 시뮬레이션 교육을 만들어 낸 실제 과정으로 확인합니다. «AI로 빨라진다»가 아니라 «돌수록 빨라진다»는 것이 이 자료의 요지입니다. 프롬프트 10종, 내 업무에 바로 대입하는 설계 시트, 관문 체크리스트, 자산화 폴더 구조까지.

워크플로우 도식 10종프롬프트 10종 복사설계 시트관문 체크리스트실제 기업 사례3부작 ①
열어보기 →
02

AI 워크플로우 ② — 만들고 고치고 다시 만들기

설계가 끝났는데 일은 안 끝납니다. 만들고, 돌려 보고, 고치고, 다시 돌려 보는 구간 — «몇 번 하면 끝난다»가 없는 곳입니다. 시뮬레이션 웹앱을 만들며 실제로 겪은 것으로 루프 관리를 정리했습니다. 문제를 고장·불편·설계 오류 셋으로 가르고, 셋째가 나오면 앞 구간까지 거슬러 올라가는 법, 내가 만든 걸 내가 테스트할 때 안 보이는 것, 그리고 «완벽해지면»이 아닌 종료 조건 5개로 멈추는 법까지.

프롬프트 4종 복사문제 분류 3종테스트 3단계종료 조건 5개실제 기업 사례3부작 ②
열어보기 →
03

AI 워크플로우 ③ — 끝나야 시작된다

교육이 끝나고 파일을 폴더에 넣으면 «한 번 잘한 교육»이 됩니다. 석 달 뒤 비슷한 문의가 오면 거의 처음부터 다시 하게 되죠. 대부분 여기서 바퀴가 멈춥니다. 교육 당일 3분짜리 차수 메모, 설문만 보면 절반을 놓치는 피드백 세 출처, 그리고 3부작의 결론 — «자산은 파일이 아니라 판단이다». 여덟 구간 전체 지도와 «이번 주에 20분» 시작법까지 담았습니다.

프롬프트 4종 복사차수 메모피드백 3출처자산화 3분류8구간 전체 지도3부작 완결
열어보기 →
04

교육기업 실무 스킬팩 — 제안서·견적서·교안을 «내 회사 이름으로»

3부작에서 다룬 일을 Claude Code 에 한 번에 설치하는 묶음입니다. 제안서(표준 템플릿 15종)·견적서·교안·교재·네이버 블로그·카카오톡·대량 메일·이미지 생성까지 스킬 9종. 설치는 명령 두 줄이고, 「스킬팩 설정해줘」 한 마디로 회사명·대표자·연락처·직인을 등록하면 그다음 문서부터 내 회사 정보와 내 직인이 찍힙니다. 팩 안에는 회사 정보가 한 글자도 없고, 등록한 정보는 내 PC 에만 남습니다. 처음 하시는 분도 따라오시게 실제 화면으로 한 단계씩 적었습니다.

무료대화창 입력 2줄스킬 9종제안서 템플릿 15종직인 자동 삽입GitHub · zip«심화 01»~«심화 03» 다음
열어보기 →
7 · 상시 운영 — 내가 없어도 도는 AI

노는 노트북을 24시간 서버로 만들고, 두 노트북의 스킬을 맞추고, 텔레그램·슬랙·Muse에서 부립니다.

01

놀고 있는 윈도우 노트북을 AI 서버 노트북으로 만들기

여기까지 오시면 AI는 내가 앞에 앉아 있을 때만 일합니다. 노트북을 덮으면 같이 멈추니까요. 서랍에 둔 노트북, 바꾸고 남은 노트북 한 대를 내가 없어도 일하는 AI 작업실로 만듭니다. 새로 살 것도 서버실도 없고, 드는 돈은 전기요금 월 2~3천 원뿐입니다. 전원 설정 → 기본 도구 → 두뇌 옮기기 → 손발 달기 → 밖에서 부리기 5단계를 순서대로 잡았고, 단계마다 «내가 할 일»과 «AI에게 맡길 일»을 표시했습니다. 사람이 하는 건 로그인과 «허용» 누르기가 거의 전부입니다. 복사해 쓰는 프롬프트 11종·명령 6종, 눌러보는 도식 2종, 그리고 실제로 날려먹고 되살린 이야기 네 편까지. 2026년 9월 20일 그 노트북에서 직접 확인했습니다.

프롬프트 11종 복사명령 6종(설치 전 단계만)도식 2종내가 vs AI 구분실패담 4편«설치 02»·«설치 03» 다음
열어보기 →
02

서버 노트북 설치 키트 — 파일 하나를 두 번 누르면 끝납니다

«운영 01»를 읽고 «좋은 건 알겠는데 어디서부터인지 모르겠다»는 말씀을 가장 많이 들었습니다. 그래서 «운영 01»의 5단계를 통째로 자동화했습니다. 미리 깔아야 할 프로그램은 없습니다 — Claude 데스크탑 앱도, Node도, Python도, Git도. 압축을 풀고 파일 하나를 두 번 누르면 전원 설정·기본 도구 3종·Claude Code·실습 스킬 4개까지 5~15분에 끝납니다. 명령창이 무서우면 마우스만 쓰는 길로, 익숙하시면 한 줄 붙여넣기로. 결과는 같습니다. 끝나면 여섯 가지 점검이 «전부 [OK]»인지만 보시면 되고, [!!]가 뜨면 그 줄을 그대로 Claude에게 붙여 넣어 고치게 하면 됩니다. 쓰던 노트북의 스킬·설정을 통째로 옮기는 방법(키·토큰은 자동으로 가려집니다)과 실습 3종도 함께. 2026년 9월 24일 실제 윈도우 11 노트북에서 전부 돌려 확인했습니다.

사전 설치 0더블클릭 한 번5~15분점검 6종설정 이식실습 3종운영 01 다음
열어보기 →
03

두 노트북이 같은 스킬을 쓰게 만들기 — 서버·본체 Claude Code 스킬 동기화

본체에서 만든 스킬을 서버가 모르고, 밖에서 서버에 시켜 고친 스킬은 본체에 없습니다. 이미 쓰는 구글 드라이브 폴더 하나로 두 노트북의 스킬 폴더를 하루 한 번 자동으로 같게 만듭니다. 명령창은 열지 않습니다 — Claude 에게 시키는 말 10개를 그대로 복사해 붙이면 받기·예약·점검까지 끝납니다. 더 최신인 파일이 이기고 삭제는 전파하지 않는 규칙, «받아 깐» 스킬을 왜 따로 다뤄야 하는지(실제로 본체 원본을 덮을 뻔한 사고), 두 세션이 지문(해시)으로 같은 판인지 확인하는 법까지. 새로 깔 프로그램은 없습니다. 2026년 10월 4일 실제 두 노트북에서 확인.

Claude에게 시키는 말 10개 복사명령창 없음하루 한 번 자동바로가기 스킬 제외지문 비교비용 0원
열어보기 →
04

어사이드를 텔레그램으로 연결하기 — 폰에서 내 AI 에이전트 부리기

PC 앞에 앉아 있어야만 AI에게 시킬 수 있다는 마지막 사슬을 끊습니다. MIT 오픈소스로 텔레그램 봇 하나를 붙이면, 출근길 지하철에서 «이거 해줘» 한 줄만 보내고 사무실에서 결과를 받습니다. 봇 만들기 2분, 설치는 명령 한 줄. 원격 데스크톱과 달리 일은 PC의 에이전트가 제 손으로 합니다. 메일 발송·글 게시처럼 되돌릴 수 없는 일은 승인 버튼을 눌러야만 실행되도록 규칙을 심는 법, PC에서 하던 세션을 폰으로 이어받는 법, 그리고 토큰 관리·권한 범위 같은 위험까지 그대로 적었습니다. 텔레그램 안에서 어사이드 화면을 여는 미니앱도 함께 다룹니다.

MIT 오픈소스설치 명령 1줄운영 규칙 프롬프트승인 프로토콜미니앱보안 주의 7항«설치 03»·«응용 07»·029 다음
열어보기 →
05

어사이드를 슬랙으로 연결하기 — 회사 메신저 안에 내 AI 에이전트 앉히기

«운영 04»가 «폰»이었다면 이번은 «회사»입니다. 업무는 이미 슬랙에서 도는데 AI만 다른 창에 있습니다. 슬랙 봇 하나를 붙여 DM 한 줄이면 PC의 어사이드가 실제로 일하고, 그 대화가 워크스페이스에 검색되게 남습니다. 앱 만들기 3분, 권한 아홉 개, 그리고 대부분이 막히는 «메시지 탭» 함정까지 실제 화면으로 짚었습니다. 브리지 프로그램은 어사이드에게 시켜서 만들었고, 그 지시문을 그대로 실었습니다. 데스크톱에서만 답할 수 있는 확인창에 세션이 갇히지 않게 하는 운영 규칙 프롬프트, 봇 토큰·사내 기록 같은 보안 주의 7항, 막혔을 때 점검표 6종까지. 이 글 자체가 그 슬랙 대화창에서 지시해 만들어졌습니다.

앱 설정 실제 화면 5종권한 9종메시지 탭 함정브리지 제작 지시문운영 규칙 프롬프트보안 주의 7항운영 04 다음
열어보기 →
8 · 상품화 — 만든 것을 파는 데까지

AI로 만든 결과물을 전자책으로 묶어 파는 데까지.

01

클로드로 전자책 — 쓰고, 만들고, 파는 것까지

강의안이나 웹덱 하나를 판매되는 전자책으로 바꾸는 여덟 구간입니다. 원고에서 새로 써야 하는 세 장이 어디인지, 캡처 스물다섯 장 중 한 장에서 이메일이 어떻게 걸렸는지, 표지에 한글을 AI로 그리면 안 되는 이유까지. 사람이 직접 누르는 곳은 네 군데뿐이고 나머지는 Claude가 이어서 합니다. 실제로 하루 만에 완주해 세 곳에서 판매를 시작한 기록입니다.

프롬프트 10종 복사제작 지도개인정보 검문표지 프롬프트 원문플랫폼 함정 6가지실제 판매 사례
열어보기 →
9 · 메타 — Meta AI·Muse 따라잡기

Meta 의 AI 를 한국에서 공짜로 써 보는 것부터, Muse 앱 가입, Muse 가상 PC 에 작업 도구 올리기, 실제로 시킬 수 있는 일 100가지까지.

01

Meta 의 AI 를 공짜로 — OpenCode 데스크톱에서 Muse Spark 1.3 Free 쓰기

Meta 가 9월에 내놓은 AI 모델 Muse Spark 1.3 을 오픈소스 AI 작업 도구 OpenCode 의 윈도우 앱에서 카드·API 키·회원가입 없이 씁니다. 한국어 한 문장으로 테트리스·갤러그가 든 게임 앱이 나왔고, Plan 모드로 HRD 설문관리 앱 기획까지 해 봤습니다. 직접 깔며 찍은 화면 24장, 공식 다운로드와 보관본 링크, «왜 공짜인가»(입력 내용이 Meta 학습에 쓰이는 조건)와 주의 5가지, 그대로 붙여 쓰는 HRD 실습 문장 5종까지 담았습니다.

해설 영상 4분실제 화면 24장설치 15분카드·가입 없음명령어 0줄HRD 실습 5종학습 데이터 주의
열어보기 →
02

메타 뮤즈(Muse) 한국에서 가입하기 — VPN 없이 브라우저링으로, 폰 앱은 APK 로

Meta 의 AI 에이전트 Muse 를 한국에서 써 보려는 분들을 위한 정리입니다. 스레드에서 공유된 방법을 실제 화면과 함께 따라가도록 적었습니다. PC 웹에서 가입 6단계 — 해외 서버 브라우저를 3분 빌려 주는 브라우저링에서 muse.ai/join 을 열고, 이메일·코드·친구 초대 코드까지. 폰 앱은 VPN 을 켜도 안 되는 경우가 있어서 APKMirror 에서 APK 를 받아 설치하는 7단계로 나눴습니다. 직접 확인한 것과 제보로만 알려진 것을 구분해서 표시했고, 막혔을 때 나오는 화면(Not Logged In · 무료 한도 소진)과 안전 수칙도 담았습니다.

실제 화면 6컷가입 6단계APK 설치 7단계막혔을 때 화면확인 범위 표시안드로이드
열어보기 →
03

Muse AI에 Claude Code·Codex 설치하고 MCP·스킬 옮기기 — 처음부터 끝까지

24시간 켜져 있는 분점 사무실(Muse VM)에 Claude Code CLI·Codex CLI를 설치하고, 내 PC의 Claude Code가 쓰던 MCP 7개와 스킬 204개를 통째로 옮기는 4개 장 종합 안내입니다. claude setup-token 폰 승인부터, PC의 Claude Code에 붙여넣는 복사-붙여넣기 프롬프트, 비밀값 없이 목록·zip을 뽑는 법, Muse에게 전달하면 VM에 설치되는 흐름까지. 어댑터·레시피책·이삿짐 박스 비유로 처음 하시는 분도 따라오실 수 있게 적었습니다. 2026-09-29 실제 이식 검증 기준.

4개 장CLI 설치 2종복사 프롬프트MCP 7개스킬 204개비유 설명
열어보기 →
04

Muse AI가 실제로 하는 일 100가지 — 연결이 실력이다

「GPT가 좋네, Muse가 좋네」 — 말로 다투지 말고 목록으로 봅니다. Muse VM에 Claude Code CLI·Codex CLI를 설치하고 MCP 7개·스킬 200여 개를 옮기고 GitHub·Vercel·Supabase·Gmail을 연결했더니 가능해진 일 100가지를 10개 분야로 정리했습니다. 실전 딱지가 붙은 항목은 지금 실제로 운영 중인 것입니다. 모델 싸움이 아니라 «연결» 싸움이라는 것, 그리고 되돌리기 어려운 일은 승인 후에만 한다는 선까지 함께 적었습니다. «메타 03»의 다음 편.

100가지10개 분야실전 20개 표시검색·분야 필터메타 03 다음
열어보기 →
10 · 바이브 코딩 기초 — 만든 앱을 세상에 내놓기까지
00

바이브 코딩, 어디서 시작할까 — AI 스튜디오·Lovable·Claude Code·Codex·Cursor 비교

«말로 앱 만들기»의 문은 다섯 개. 가르는 기준은 하나 — 브라우저에서(설치 없음)냐, 내 컴퓨터에서냐. 오늘 처음이면 AI 스튜디오, 보기 좋은 화면이면 Lovable, 설치가 막힌 곳에서 제대로면 Claude Code 웹, 여러 서비스를 엮어 끝까지면 Codex·Claude Code 데스크톱, 코드를 보며 배우려면 Cursor. 실전 편에서 직접 만들어 본 경험으로 쓴 «이럴 땐 이것» 표와 여섯 질문 비교표.

왕초보도구 고르기비교표AI 스튜디오Claude CodeCodexCursor
열어보기 →
01

바이브 코딩, 만든 다음이 막힌다면 — GitHub·Vercel·Supabase 한 장의 지도

AI가 앱을 만들어 준 다음 쏟아지는 낯선 이름들 — GitHub, Vercel, Cloudflare, Supabase, Firebase, API 키. 코드 한 줄 없이 식당에 비유해 풉니다. 작업실(내 컴퓨터) → 창고(GitHub) → 가게(Vercel) → 간판(도메인), 그리고 장부(DB)와 금고 열쇠(API 키). 제 홈페이지를 운영하는 실제 화면으로 «GitHub에 올리면 2분 뒤 자동 배포»되는 연결을 보여 주고, «내 앱엔 뭐가 필요?» 표로 만들려는 앱별 준비물을 찾게 했습니다. 용어 사전 12개, AI에게 그대로 말하는 문장 4개.

왕초보식당 비유 지도실제 화면용어 사전 12개GitHubVercelSupabase
열어보기 →
02

내 컴퓨터에만 있던 앱을 누구나 여는 주소로 — GitHub 저장 + Vercel 배포

목표는 하나 — AI가 만든 페이지를 카톡 링크 하나로 누구나 휴대폰에서 열게. ① GitHub에 창고 만들기(기본값이 Public이라는 함정까지) ② 커밋·푸시로 «세이브하고 업로드» ③ Vercel에서 Import 한 번. 그다음부턴 «올려줘» 한마디에 2분입니다. 연출 없이 «바이브 01»을 실제로 올리던 순간을 찍었습니다 — 푸시 27초 뒤 Building, 2분 뒤 Ready, 그리고 실제 주소. 무료 주소 vs 내 도메인 비교, 막혔을 때 다섯 장면, AI에게 그대로 말하는 문장 4개.

왕초보따라 하기실제 배포 기록Public 함정GitHubVercel비용 0원
열어보기 →
03

«응답이 0명이에요?» 여러 사람의 답을 한 권의 장부에 — Supabase·구글 시트

30명이 답했는데 강사 화면엔 0명 — 답이 각자의 휴대폰에만 저장됐기 때문입니다. 9/28 행사에서 실제로 쓴 «HRD 7 Roles 자가진단» 앱과 그 장부를 열어, Supabase 책장 만들기 → 칸 정하기(이름·이메일 칸을 일부러 만들지 않는 설계) → 장부 규칙 RLS(«쓰기는 누구나, 지우기는 아무도») → 공개 열쇠와 비밀 열쇠까지 실제 화면으로 보여 줍니다. 구글 시트가 더 나은 경우와 «=» 수식 함정, AI에게 그대로 말하는 문장 4개.

왕초보응답 0명 해결실제 행사 앱장부 규칙 RLSSupabase구글 시트개인정보 없는 설계
열어보기 →
04

«노출된 API 키가 감지되었습니다» — 열쇠가 새는 길, 막는 법, 샜을 때 할 일

시리즈 마지막 편을 찍다가 제 AI 스튜디오 계정에서 실제 경고를 받았습니다 — 결제가 연결된 Gemini 키 두 개가 공개된 곳에서 발견됐다는 것. 삭제 전·후 화면 그대로 시작합니다. 열쇠가 새는 네 곳(화면 코드·공개 GitHub·캡처·강의 슬라이드), 보여도 되는 열쇠와 절대 안 되는 열쇠 구분표, .env 보관함과 Vercel Secret, «비싼 열쇠는 주방(서버)에서만», 샜을 때 자물쇠부터 바꾸는 네 단계, 배포 전 10초 점검표와 AI에게 그대로 말하는 문장 3개.

왕초보실제 사고API 키샜을 때 네 단계배포 전 점검표Vercel Secret시리즈 완결
열어보기 →
05

앱이 망가졌을 때 당황하지 않는 세 가지 장면 — 빌드 실패·하얀 화면·되돌리기

고쳐 달랬더니 빨간 Error, 배포는 됐다는데 하얀 화면. 연습용 «교육 안내» 페이지를 일부러 두 번 망가뜨리고 되돌리며 찍었습니다. Error일 땐 손님은 어제 버전을 보고 있으니 안심 — 분홍 오류 덩어리를 통째로 AI에게. 하얀 화면은 진짜 급하니 Instant Rollback으로 먼저 진열대를 되돌리고 F12 콘솔의 빨간 글씨로 원인 찾기. 오류 글씨에서 볼 세 군데, 단골 오류 메시지 사전 10개, AI에게 그대로 말하는 문장 3개.

왕초보실제 고장·복구빌드 실패하얀 화면Instant Rollback오류 사전
열어보기 →
11 · 바이브 코딩 실전 — 기획부터 배포까지 처음부터 끝까지
01

설치 없이 브라우저에서 — 웹 Claude Code로 «교육 현장 피드백 보드» 처음부터 끝까지

QR로 만족도 3개와 한 줄 소감을 받고, 빔프로젝터 화면에 평균과 소감 카드가 실시간으로, 차수별 CSV까지. 웹 Claude Code(claude.ai/code)에 말로만 시켰습니다 — 질문 5개 기획, 410줄 PRD를 PR로 제안, Supabase 커넥터로 장부·보안 함수·DB 검사 16개, 화면 테스트 22개. 그리고 Claude가 멈추고 부탁한 사람 몫 세 가지(Vercel Import, 열쇠 넣기, 삭제 SQL 실행)와 «대화에 비밀 값이 나오면 바꾼다»는 교훈. 실전 02(Codex)와의 비교표.

실전웹 Claude Code설치 없음Supabase 커넥터VercelPR강의장 앱
열어보기 →
02

Codex 데스크톱 앱으로 «신입 온보딩 체크리스트» 처음부터 끝까지 — GitHub·Firebase·Cloudflare

HRD 담당자가 매년 엑셀로 씨름하는 신입 30일 온보딩을 Codex에게 말로만 시켰습니다. ① 질문 5개로 기획 ② 278줄 PRD ③ Firebase 프로젝트·로그인·접근 규칙·화면 3종(신입·멘토·HRD)을 21분 만에 ④ 세 역할로 직접 테스트 ⑤ GitHub 비공개 저장소와 Cloudflare 배포까지 Codex가 직접. 사람이 누른 버튼은 단 2번(이메일 로그인 켜기, Cloudflare 승인) — 그때마다 Codex가 «멈추고 알려 줬습니다». 막힌 곳 3가지와 그대로 쓰는 요청문 4개.

실전Codex 데스크톱처음부터 끝까지PRDFirebaseCloudflareGitHub 자동
열어보기 →
03

강의장 실전 키트 3종을 요청 한 번으로 — 랜덤 조 편성·실시간 퀴즈·순위판

시리즈 총정리 실습. 강의 시작 5분에 필요한 조 나누기·몸 푸는 퀴즈·순위 발표를 한 앱에 담아 달라고 웹 Claude Code에 요청 한 번, 약 30분 뒤 완성. 요청문 한 줄 한 줄이 «바이브 01~05»·«확장» 편 어디서 왔는지 표로 짚고, 실제 배포 주소에서 강사 1명 + 휴대폰 3대로 4자리 코드 입장 → 빨리 맞힐수록 높은 점수 → 시상대까지 시연했습니다. Vercel 403·대화창에 안 보인 비밀 값 같은 막힌 곳 두 군데도 솔직하게. 바로 복사해 쓰는 요청문 포함.

실전총정리랜덤 조 편성실시간 퀴즈순위판Claude CodeSupabase
열어보기 →
12 · 바이브 코딩 확장 — 기능 붙이기와 운영
01

«링크가 퍼지면 아무나 들어와요?» 우리 회사 사람만 들어오게 하는 세 가지 문

배포 주소는 카톡 한 번이면 퍼집니다. 실전 01의 강사 비밀번호, 실전 02의 승인된 Firebase 계정(공개 가입 없음, 가상 계정 6개), 그리고 회사에서 가장 많이 쓰는 «@우리회사.com 구글 계정만»을 실제 설정 화면으로 비교했습니다. «구글 로그인 켜기만으로는 회사 사람만이 아니다», «로그인은 누구인지, 권한은 무엇을 볼 수 있는지», Supabase «새 사용자 가입 허용» 스위치 확인까지. AI에게 그대로 말하는 문장 3개.

확장로그인회사 계정Firebase Auth공개 가입 끄기권한
열어보기 →
02

앱 안에 AI를 넣기 — «AI 요약» 버튼 하나를 달아 본 실제 기록

«실전 01» 피드백 보드에 «✨ AI 요약» 버튼을 달았습니다. 강사가 누르면 학습자 소감을 Gemini가 좋았던 점·아쉬운 점·다음 차수에 바꿀 것으로 정리합니다. 웹 Claude Code에 우리말로 요청할 때 꼭 넣은 네 가지 약속 — 열쇠는 주방(서버)에만, 강사만, 1분에 한 번, 개인정보 빼고 글만. Vercel 금고에 열쇠 넣기, 15초 만에 나온 실제 요약과 잠긴 버튼, «AI는 칸을 채우려 한다»는 솔직한 관찰, 한 번에 약 10원 안팎 요금 어림까지. AI에게 그대로 말하는 문장 3개.

확장앱 안에 AIGemini서버에만 열쇠요금 감각실제 기록
열어보기 →
03

휴대폰 앱처럼 — 홈 화면 아이콘(PWA) 하나로 «매일 여는 앱» 만들기

신입사원이 30일 동안 매일 여는 «실전 02» 온보딩 앱에, 앱스토어 없이 홈 화면 아이콘을 붙였습니다(PWA). Codex에 «왜 필요한지»부터 말한 요청, 새싹 아이콘과 주소창 없이 열기, 로그인 화면의 아이폰·안드로이드 설치 안내(«카톡 안에서는 Safari·Chrome으로 먼저»까지), 강의장에 띄우는 오리엔테이션 QR, 인터넷을 끊고 새로고침해도 뜨는 화면. «실제 휴대폰 설치는 미검증»이라는 솔직한 한계와 링크·PWA·앱스토어 비교표, AI에게 그대로 말하는 문장 3개.

확장PWA홈 화면 아이콘오리엔테이션 QR오프라인CodexCloudflare
열어보기 →
04

쓰는 사람이 늘면 — 사용량 보는 법과 지출 한도 거는 법

강의장 30명이 쓰던 앱을 전 직원이 쓰기 시작하면? 실전 편에서 쓴 네 서비스의 실제 사용량 화면을 열었습니다 — Vercel 포함 크레딧 $20 중 $1.76, Supabase «한도를 넘지 않았습니다», Firebase Spark(무료) 하루 0.7%, 그리고 AI 스튜디오 월 지출 한도 ₩300,000. 가장 빨리 오르는 AI 사용료에 «차단 밸브»를 거는 법, 접속 통계 켜기, 매달 5분 점검표와 «비용 미리 계산» 요청문.

확장운영비용지출 한도사용량접속 통계
열어보기 →
05

혼자 만든 앱을 팀의 앱으로 — 동료 초대·브랜치·PR·인수인계

«옆 팀도 같이 고치고 싶대요», «다음 달 부서 이동인데 이 앱은 누가?» — GitHub를 팀의 창고로 바꾸는 네 가지. 실전 01에서 웹 Claude Code가 실제로 남긴 브랜치와 PR #1로 «제안 → 검토 → 합치기»를 보여 주고, 비개발자 PR 검토 체크 4가지, 인수인계 때 넘길 다섯 가지(저장소·배포처·장부·열쇠는 새로 발급·문서), «개인 계정에 업무 앱을 두지 말 것». AI에게 그대로 말하는 문장 3개.

확장GitHub브랜치PR인수인계협업
열어보기 →
번외 · 바깥소식 — 발표를 내 일로 번역하기

큰 발표가 있을 때 HRD 담당자가 읽어야 할 부분만.

01

OpenAI DevDay 2026 — HRD 담당자가 읽는 법

발표는 스물 몇 개지만 교육 실무에 닿는 건 다섯 갈래입니다. 갈래마다 무엇이 바뀌었나 → 우리에게 무슨 뜻인가 → 이렇게 쓰세요 순서로 적었습니다. 자리를 비워도 일하는 에이전트(Dots), 노트북을 덮어도 계속되는 작업(클라우드 Codex), 일이 생기면 알아서 시작하는 자동화(MCP Events), 사람과 AI가 같은 문서를 고치는 방식(Space·Pages·Meetings), 구독 하나로 외부 도구까지(Sign in with ChatGPT). 기능 소개가 아니라 설문 분류·루브릭 채점·문의 분류·D-3 안내처럼 실제 업무에 붙이는 활용안 15종으로 옮겼고, 지금 되는 것·기다릴 것·몰라도 되는 것을 갈라 놨습니다. 승인 없이 걸었다가 사고 나는 자리도 짚었습니다. 갈래마다 설명 그림을 붙였습니다.

다섯 갈래활용안 15종설명 그림 6종되는 것/기다릴 것요금제 주의읽는 데 12분
열어보기 →
02

ChatGPT 답변에 누르는 버튼이, 구글 이미지 AI는 반값으로 — GPT-6 인텔리전트 UI · 나노바나나 2.1

10월 첫째 주 두 소식을 한 글에. ChatGPT 답변이 «화면»이 됐습니다 — 계산기·슬라이더·단계 버튼이 답변 안에 생기고 그 자리에서 눌러 씁니다. 구글은 나노바나나 2.1로 이미지 편집을 더 정확하게, 비용은 절반으로 낮췄습니다. 소식만 옮기지 않고 10월 8일 직접 써 봤습니다 — 회식비 정산 계산기와 ADDIE 단계 안내를 ChatGPT 에 시키고, 교육 포스터를 만든 뒤 날짜만 고쳐 봤습니다. 고급 실습으로 12문항 리더십 진단 앱(레이더 차트·30일 성장 플랜)을 한 번에 만들고, 한글이 빼곡한 소식지를 나노바나나 2 와 2.1 에 똑같이 시켜 글자 단위로 채점했습니다(2 는 가짜 한글 섞임, 2.1 은 247자 100% 일치). 화면 녹화 4편, 복사 문장 12개.

직접 사용 확인화면 녹화 4편진단 앱 고급 실습2 vs 2.1 글자 채점복사 문장 12개GPT-6나노바나나 2.1
열어보기 →
번외 · AI 없이 — 오프라인 교육게임

PC도 AI도 필요 없는 강의장 게임 목록입니다.

01

강의장에서 바로 굴리는 오프라인 교육게임 30선

웹앱도 장비도 없이 4~6인 조 단위로 진행하는 목록입니다. 보드게임 200종과 HRD 현장에서 검증된 시뮬레이션을 훑어 30개를 골랐고, 준비물 조달이 쉽고 룰 설명이 짧은 순서로 정렬했습니다. 게임마다 «끝나고 무엇을 디브리핑할 것인가»를 붙였습니다.

01–12 문구류만으로13–30 시판 게임 필요인원·소요·준비 표시
열어보기 →
자료는 계속 늘어납니다

HRD×AI 라운지에 올라온 질문에서 시작해 자료를 만듭니다. 필요하신 것이 있으면 방에 남겨주세요. 만들어서 여기에 올리겠습니다.

JJ Creative 교육연구소 · 전재현 소장
jjh@jjcreative.co.kr · 010-8448-2354 · jjcreative.co.kr
이 자료의 활용을 원하시면 문의해 주세요.