AI 거버넌스 구축과 지속가능한 대한민국을 위한 최고경영자 과정입니다. 이 페이지는 과정에서 만든 AI 결과물을 누구나 열어 볼 수 있게 모아 둔 공개 화면입니다.
아래 탭에서 미래신문AI·GPT-6 디지털 전시관·ESG 액션 플래너·AGI 경영전략 강의록을 차례로 열어 보실 수 있습니다. 과정 신청과 공식 안내는 환경재단 페이지에서 확인하세요.
환경재단·매일경제 공동기획 제2기 AI 리더십 과정 개강 특별호. 이름을 누르면 2029년 9월 3일자 1면이 펼쳐집니다. 상단은 AI를 잡은 경우, 하단은 놓친 경우입니다.
클릭 또는 Enter로 열기 · ←→ 다음 참가자 · Esc 닫기
제1기 AI 리더십 과정에는 대기업 회장과 대표이사, 금융·연구기관장, 국회의원, 문화계 인사가 같은 강의실에 앉았습니다. 아래는 제2기 모집 브로셔에 실린 1기 원우들의 추천사입니다.
“‘세계 1등 기업’을 비전으로 새로운 시대의 변화를 가장 먼저 받아들이고 개척해나가는 최고경영자 입장에서, AI 리더십 과정은 AI 기술 트렌드 및 데이터 기반 경영에 대한 이해를 높이고 미래 경영전략의 방향을 다시 한번 고민할 수 있는 뜻깊은 기회가 되었습니다. 기업의 미래경영과 생존전략을 고민하는 많은 리더분께 본 과정을 추천드립니다.”
“AI가 세상을 바꾸고 있습니다. 이를 내가, 어떻게 활용할 것인지 체계적으로 배우는 자리에 CEO 여러분을 적극 초대합니다.”
“제1기 AI 리더십 과정은 우리의 삶과 직결된 ‘특별한 주제’를 탐구하고, 미래를 함께 개척할 ‘특별한 분들’과 깊이 교류하는 최고의 여정이었습니다. 격변의 시대 경영을 선도할 ‘특별한 혜안’을 나누는 이 뜻깊은 길에, 새로운 도약을 꿈꾸는 더 많은 리더분들이 함께하시기를 적극 추천합니다.”
“AI 시대의 리더십은 기술을 이해하는 것에서 나아가, 사람과 사회를 위해 어떻게 기술을 활용할 것인지를 고민하는 데서 시작됩니다. AI 리더십 과정은 기업 경영의 변화와 기회를 폭넓게 이해하고, 리더로서 갖춰야 할 새로운 안목과 판단력을 키울 수 있는 배움의 장입니다.”
“AI리더십 과정의 내용은 기업경영에 있어서 AI에 대한 이해와 적용 방안 뿐만아니라, 기업의 향후 지속가능성을 설계하고 준비해나가는데 있어서도 꼭 필요한 과정이라고 생각합니다.”
“환경재단과 AI 리더십 과정은 일상생활과 기업에 이미 깊숙이 파고들어 생활화된 AI를 최강의 강사진이 체계적으로 인도하여 주고, 누가 봐도 바쁘신 분들이 개근을 할 정도로 몰입하게 하는 강좌입니다. 특히 우리나라 각 회사의 피지컬 AI를 책임지는 최고 책임자들의 참석은 자연스럽게 피지컬 네트워크로 이루어집니다.”
“AI에 대한 이론보다 실제 활용에 초점을 둔 과정이었습니다. 다양한 업종의 기업들이 AI를 업무와 경영에 어떻게 적용하고 있는지 생생하게 접할 수 있었고, 우리 회사의 현 위치를 객관적으로 돌아보며 앞으로 무엇을 준비해야 하는지 생각해 볼 수 있는 의미 있는 시간이었습니다.”
“제1기 AI 리더십 과정을 통해 AI가 도로나 전기, 통신처럼 우리 산업뿐 아니라 우리 생활에서도 필수 인프라가 될 것이라는 사실을 배우게 되었습니다. AI 리더십 과정은 앞으로 도래할, 아니 이미 시작된 AI시대를 능동적으로 준비하는 데 정말 유용한 길잡이가 될 것입니다.”
“예술은 사람을 이해하는 일이고, AI는 미래를 이해하는 일이라고 생각합니다. AI리더십 과정은 새로운 시대를 바라보는 시야를 넓혀주었으며, 끊임없이 배우고 성장해야 하는 리더의 자세를 다시 생각하게 해주었습니다. 변화의 시대를 준비하는 모든 리더에게 추천합니다.”
추천사와 소속·직함은 환경재단·매일경제가 펴낸 제2기 AI 리더십 과정 모집 브로셔에 실린 내용을 그대로 옮긴 것입니다. 과정의 공식 안내와 신청은 환경재단 공식 과정 페이지에서 확인하세요.
이 화면을 사진으로 찍거나 아래 버튼으로 복사해 회사 담당자에게 보내세요. 같은 방식으로 여러분 회사의 '3년 뒤 1면'을 반나절이면 만들 수 있습니다.
leadership2/ ├─ index.html 화면·동작 (약 200줄) ├─ data.js 참가자 시나리오 데이터 └─ CLAUDE.md AI에게 주는 업무 지시서내용 수정은 data.js만 만집니다
참가자 명단(이름·소속·직함)을 줄게. 한 사람당 2029년 9월 3일자
(3년 뒤 첫 월요일) 가상 신문 1면을 써.
각 항목은 아래 구조의 객체로, 배열 D에 담아 data.js로 만들어.
{no, name, org, title,
hl, sub, lead, // AI를 잡은 시나리오: 헤드라인·부제·본문
dhl, dlead, // AI를 놓친 시나리오: 헤드라인·본문
b: [지금의 사업 구조, AI가 붙는 지점, 3년 내 기술 변화]}
규칙
- 밝은 시나리오는 그 회사의 현재 사업에서 출발해 공격적·낙관적으로.
기업 내부에서 쓰는 KPI 맥락을 벗어나지 않는다.
- 어두운 시나리오에 실제 경쟁사 이름을 쓰지 않는다. "한 카드사"처럼 익명.
- 참가자 개인 검색·프로필 조회는 하지 않는다. 소속·직함까지만.
- 서열·규모 비교 표현(3위, 중형, 후발 등)은 쓰지 않는다.
- 업종을 추정한 항목엔 "(사업 영역 확인 필요)"를 붙여 검수를 돕는다.
- 명단은 가나다 순, 번호는 1부터.
# 제2기 AI 리더십 과정 개강식 데모 ## 이 프로젝트가 하는 일 참가자 이름을 누르면 2029년 9월 3일자 가상 1면이 열린다. 상단: AI를 잡은 시나리오 / 하단: AI를 놓친 시나리오 / 근거 3줄. ## 파일 역할 - index.html 화면·스타일·동작. 빌드 없음. - data.js 시나리오 데이터. 배열 D, 가나다 순. ## 지켜야 할 것 - 어두운 시나리오에 실제 경쟁사 실명 금지. - 참가자 개인 검색·프로필 조회 금지. 소속·직함까지만. - 서열·규모 비교 표현 금지. - 헤드라인은 프로젝터에서 읽히는 크기 유지. - 라이브 AI 생성 없음. 콘텐츠는 data.js에 사전 생성. ## 배포 main에 push → Cloudflare Pages. data.js를 고치면 index.html의 data.js?v= 버전도 올린다. ## 자주 하는 작업 - 문구 수정 → data.js 해당 항목만. - 참가자 추가/삭제 → data.js 항목 추가/제거. 화면은 자동.
{no:1, name:"홍길동", org:"○○기업", title:"대표이사",
hl:"○○기업, AI로 3년 만에 업계 1위",
sub:"부제 한 줄",
lead:"밝은 시나리오 본문 2~3문장.",
dhl:"AI를 놓쳤을 때의 헤드라인",
dlead:"어두운 시나리오 본문 2~3문장.",
b:["지금의 사업 구조","AI가 붙는 지점","3년 내 기술 변화"]}
# GitHub에 올리기 git add -A && git commit -m "미래신문 갱신" && git push origin main # Cloudflare Pages에 배포 (약 30초 뒤 라이브) npx wrangler pages deploy public --project-name 프로젝트명 --branch main
오픈AI는 2026년 9월 3일 GPT-6 Astra를 내놓으며 “AGI 전환점에 섰다”고 했고, 외신은 “AGI 시대에 온 것을 환영한다”는 제목을 달았습니다. 그 말이 맞는지는 각자 판단하시고, 여기서는 공개 첫 일주일 동안 전 세계 제작자들이 실제로 만들어 올린 것을 보십시오. 실물 데모 14점은 이 페이지 안에서 바로 실행되고, 나머지는 원본 게시물을 새 탭으로 엽니다.
새 기술이 나올 때마다 우리 회사 사람들에게 보여 줄 전시관을 직접 만들 수 있습니다. 이 화면을 캡처하거나 아래 버튼으로 복사해 담당자에게 보내세요.
leadership2/ ├─ index.html 탭·전시관·실행 화면 └─ gallery.js 전시물 데이터 (여기만 고침)전시물 추가·삭제는 gallery.js 한 줄
[모델·기술 이름]으로 만든 최근 데모를 모아 최고경영자용 전시관 페이지를 만들어. 수집 - 공식 발표, 제작자 공개 게시물, 큐레이션 저장소, 보도를 확인한다. - 항목마다 제작자 이름과 원본 게시물 주소를 함께 남긴다. - 수치(조회수·소요 시간·점수)는 출처를 밝히고, 없으면 쓰지 않는다. 구성 - 주제별 전시관 4~5개로 묶고, 각 관에 CEO가 이해할 한 줄 설명을 단다. - 숫자 타일 8개 (성능·가격·규모 등, 각각 출처 링크). - 마지막에 "CEO를 위한 세 가지 질문"으로 우리 회사 의사결정에 연결한다. 실행 - 각 데모가 iframe 삽입을 허용하는지 헤더로 확인하고, 허용하는 것만 페이지 안에서 실행한다. 나머지는 새 탭으로 연다. - 프로젝터용 전체화면 모드를 넣는다. 자동 넘김과 키보드 조작. 지켜야 할 것 - 우리가 만들지 않은 것을 우리 성과처럼 쓰지 않는다. - 수치를 재검증하지 않았다면 그 사실을 화면에 밝힌다. - 데이터는 gallery.js에, 화면은 index.html에 둔다.
# 이 헤더가 있으면 iframe 삽입 차단 → 새 탭으로 열어야 함 curl -sS -o /dev/null -D - "https://데모주소" \ | grep -i 'x-frame-options\|frame-ancestors' # 아무것도 안 나오면 페이지 안에서 실행 가능 # 이 전시관은 데모 12곳을 조사해 11곳을 안에서 실행, # 차단된 1곳은 새 탭으로 열도록 나눴습니다. # 영상은 공식 채널인지 먼저 확인 curl -sS "https://www.youtube.com/oembed?url=영상주소&format=json"
{t:"전시물 제목",
d:"CEO가 3초 안에 이해할 설명 2~3문장.",
by:"제작자 이름", // 반드시 표기
fig:"28분 16초", // 카드에 크게 뜨는 한마디
src:"https://원본게시물", // 반드시 있어야 함
live:"https://체험주소", // 있으면 새 탭 열기
embed:"https://체험주소", // 삽입 허용 확인된 것만
video:"유튜브ID", // 공식 채널 영상만
featured:true} // 도슨트 모드에 올릴 전시물
# GitHub에 올리기 git add -A && git commit -m "전시관 갱신" && git push origin main # Cloudflare Pages에 배포 (약 30초 뒤 라이브) npx wrangler pages deploy public --project-name 프로젝트명 --branch main
위 탭에 하나씩 올라가는 화면입니다. 모두 Claude Code · GitHub · Cloudflare Pages 세 가지로 만들었고, 만든 방법은 각 화면 아래 ‘AI레시피’에 그대로 공개해 두었습니다.
환경재단·매일경제 공동기획 제2기 AI 리더십 과정. 이름을 누르면 회사와 업종이 채워진 채로 플래너가 열립니다. 환경재단이 공개한 협업 사례 16건을 대조해 첫 회의에 들고 갈 ESG 실행안을 그 자리에서 만듭니다.
이름을 누르면 회사·업종이 채워진 채로 플래너가 열립니다 · 업종은 소속으로 추정한 값이라 다음 화면에서 바꿀 수 있습니다 · 로그인도 비용도 없습니다
협의·승인 전 초안입니다. 사실 확인과 내부 승인을 거치기 전에는 배포하지 마십시오.
공식 페이지가 소개하는 기업 협업 방식 4가지와 절차 6단계입니다. 이 플래너는 1단계 ‘문의·제안’ 전에 들고 갈 초안을 만듭니다.
공식 소개에서 확인한 사례입니다. 과거 참여 기관·성과와 새 프로젝트의 예산·파트너 확보는 별개입니다. ‘이 사례로 설계’를 누르면 플래너에 주제가 들어갑니다.
잘 만든 도구가 있으면 처음부터 만들지 않습니다. 원본 앱의 입력·출력 구조를 읽고, 근거 자료를 데이터 파일로 옮기고, 방법론을 프롬프트로 적은 뒤 우리 디자인에 얹었습니다. 이 화면을 캡처하거나 아래 버튼으로 복사해 담당자에게 보내세요.
leadership2/ ├─ index.html 탭·입력폼·결과 화면 └─ esg.js 사례 16건·선택지 (여기만 고침) functions/api/ └─ esg-plan.js 방법론 프롬프트·AI 호출사례 추가·삭제는 esg.js 한 줄. 화면과 프롬프트에 동시 반영
[원본 앱 주소]를 분석해서 우리 사이트의 새 탭으로 옮겨. 취지: 과정 수강생이 각자 회사에 맞는 ESG 액션 플랜을 받아 가는 것. 분석 - 원본의 입력 항목(업종·환경 문제·자원·성과·예산·지역·기간)과 결과 구조(3안 비교·로드맵·측정·첫 실행·확인 조건)를 그대로 읽어 낸다. - 원본이 근거로 쓰는 공식 자료(사례·절차·수치)를 출처 링크와 함께 esg.js 데이터 파일로 옮긴다. 출처 없는 수치는 넣지 않는다. 구성 - 기존 탭(미래신문AI·GPT-6 전시관)과 같은 색·서체·구성 요소를 쓴다. - 입력은 4단계 한 화면, 결과는 신문지 느낌의 종이 위에 스트리밍. - 서버 함수 하나가 방법론 프롬프트 + 근거 자료로 AI 엔진을 부른다. 키가 없으면 규칙 기반 초안으로 폴백. - 로그인·과금 없음. IP 기준 속도 제한만. 지켜야 할 것 - 근거 블록에 없는 사례·수치를 만들지 않는다. - 과거 사례 성과가 재현된다고 쓰지 않는다. 승인·매칭 표현 금지. - 하단에 원본 제작자(HANDARO AI)와 함께 만들었다고 밝히고 원본 앱 새 탭 링크를 둔다.
{id:"reearth",
title:"리얼스(RE: EARTH) 프로젝트",
topic:"포장·자원순환", // 선택지 7개 중 하나
partners:"롯데백화점",
period:"2022년부터 · 공식 페이지 표기",
outcome:"시민 플로깅과 업사이클링을 결합한 자원순환 캠페인.",
scale:"누적 참여 15,962명·수거 58,522L (집계 종료 시점 미기재)",
keywords:["포장","재활용","매장","유통"], // 입력과 대조해 추천
url:"https://greenfund.org/sustainable-partnership", // 반드시
status:"공개 사례"} // 공개 사례 | 공식 소개
1) 프로젝트 한 줄 + 3문장 요약 2) 실행 방식 3안 비교표 (연결 유형·참고 사례·자원·규모·리스크) 3) 권고안 1개 + 근거 3줄 4) 우리 회사의 역할 / 협의할 파트너 역할 5) 실행 로드맵 4단계 (시기·담당·산출물·다음 단계 조건) 6) 성과 확인 (활동 지표·환경성과 지표·기준선·방법·담당·주기) 7) 첫 실행 — 이번 주 한 가지 8) 제안 예산 (견적·승인 전) 9) 첫 협의 준비 (참석자·결정 사항·자료) 10) 확인해야 할 조건 — '미정'과 미확인 사항을 질문으로 11) 근거 자료 — 실제로 참고한 공식 자료만 규칙: 근거 블록 밖의 사례·수치 금지 / 성과 재현 단정 금지 / 승인·매칭 표현 금지 / '미정'은 채우지 말고 질문으로 / 개인 검색 금지
# GitHub에 올리기 git add -A && git commit -m "ESG 플래너 갱신" && git push origin main # Cloudflare Pages에 배포 (약 30초 뒤 라이브) npx wrangler pages deploy public --project-name 프로젝트명 --branch main