# 2029 미래신문 — 이 페이지를 만든 AI레시피

제2기 AI 리더십 과정 개강 특별호(ceoai.kr/leadership2)는 아래 AI레시피로 반나절 만에 만들어졌습니다.
같은 방식으로 여러분 회사의 "3년 뒤 1면"을 만들 수 있습니다. 이 문서를 회사 담당자에게 그대로 전달하세요.

## 1. 도구 (3가지면 충분)

| 역할 | 도구 | 비용 |
|---|---|---|
| 기획·글쓰기·코딩·수정 | Claude Code (Anthropic) | 구독 |
| 소스 보관·버전 관리 | GitHub | 무료 |
| 웹 배포·도메인 연결 | Cloudflare Pages | 무료 |

빌드 도구, 프레임워크, 서버, 데이터베이스는 없습니다. 파일 세 개짜리 정적 사이트입니다.

## 2. 구조

```
leadership2/
├─ index.html   화면·스타일·동작 (한 파일, 약 200줄)
├─ data.js      참가자별 시나리오 데이터 (사람이 고치는 유일한 파일)
└─ CLAUDE.md    프로젝트 맥락과 작업 규칙 (AI에게 주는 '업무 지시서')
```

- `index.html`은 `data.js`를 읽어 카드를 그리고, 클릭하면 신문 1면을 펼칩니다.
- 내용을 고칠 때는 `data.js`만 만집니다. 디자인과 내용이 분리되어 있어 누구나 고칠 수 있습니다.

## 3. 절차 (5단계)

1. **참가자 명단 준비** — 이름·소속·직함만 있으면 됩니다. 엑셀 한 장.
2. **시나리오 생성** — Claude Code에 아래 프롬프트와 명단을 주면 `data.js`가 나옵니다.
3. **화면 만들기** — "명단을 누르면 2029년 1면이 열리는 한 페이지"를 요청하면 `index.html`이 나옵니다.
4. **배포** — GitHub에 push하고 Cloudflare Pages에 올립니다. 명령 두 줄.
5. **검수·수정 루프** — 화면을 보며 대화로 고칩니다. "○○는 △△ 기업이야" 한 줄이면 즉시 반영·재배포됩니다.

## 4. 시나리오 생성 프롬프트 (그대로 복사해 쓰세요)

```
참가자 명단(이름·소속·직함)을 줄게. 한 사람당 2029년 9월 3일자(3년 뒤 첫 월요일) 가상 신문 1면을 써.

각 항목은 아래 구조의 JavaScript 객체로, 배열 D에 담아 data.js로 만들어.
{no, name, org, title,
 hl, sub, lead,   // AI를 잡은 시나리오: 헤드라인(25자 안팎) / 부제 / 본문 2~3문장
 dhl, dlead,      // AI를 놓친 시나리오: 헤드라인 / 본문 2~3문장
 b: [지금의 사업 구조, AI가 붙는 지점, 3년 내 기술 변화]}  // 근거 3줄

규칙
- 밝은 시나리오는 그 회사의 현재 사업에서 출발해 공격적·낙관적으로 쓴다. 기업 내부에서 쓰는 KPI 맥락을 벗어나지 않는다.
- 어두운 시나리오에는 실제 경쟁사 이름을 쓰지 않는다. "한 카드사", "한 건설사"처럼 익명 처리한다.
- 참가자 개인에 대한 검색이나 프로필 조회는 하지 않는다. 소속·직함까지만 쓴다.
- 서열·규모를 비교하는 표현(3위, 중형, 후발 등)은 쓰지 않는다.
- 정치인은 정당·정치 성향 없이 상임위 기능에만 집중한다.
- 업종을 추정한 항목에는 근거란에 "(사업 영역 확인 필요)"를 붙여 검수자가 찾기 쉽게 한다.
- 명단은 가나다 순, 번호는 1부터 순서대로.
```

## 5. CLAUDE.md (AI에게 주는 업무 지시서)

```
# ceoai.kr/leadership2 — 제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에 항목 추가/제거. 화면은 자동으로 늘어난다.
```

## 6. 배포 명령

```bash
git add -A && git commit -m "미래신문 갱신" && git push origin main
npx wrangler pages deploy public --project-name <프로젝트명> --branch main
```

## 7. 회사에서 이렇게 응용하세요

- **신제품 출시 1면** — 출시 3년 뒤 우리 제품이 만든 시장의 1면.
- **신입사원 3년 뒤** — 신입 한 명 한 명의 2029년 1면. 온보딩 첫날 선물.
- **거래처별 미래 시나리오** — 영업 제안서 앞장에 그 회사의 3년 뒤 1면을 붙인다.

---
만든 곳: CEO AI (ceoai.kr) · 2026 환경재단·매일경제 공동기획 AI 리더십 과정 2기