공개 문서
content/curriculum-v2-plan.md
아래는 content/curriculum-v2-plan.md 와 동일한 원문입니다. Markdown과 HTML 변환 결과를 각각 복사할 수 있습니다.
공개 문서 원문 (Markdown)
# Skoolchef Tutorial 커리큘럼 v2 기획안
> 현재 v1은 Cursor 중심의 단일 도구 커리큘럼
> v2는 Cursor + Claude Code + Gemini CLI + Google Workspace CLI 네 도구를 모두 다루는 확장판
---
## 핵심 방향
**"AI 코딩 도구 4종 세트를 상황에 맞게 선택해서 쓴다"**
네 도구는 경쟁이 아니라 상호보완 관계다.
- **Cursor** — GUI, 시각적 편집, 파일 단위 작업에 최적
- **Claude Code** — CLI, 복잡한 멀티파일 작업, 자율 실행에 최적
- **Gemini CLI** — CLI, 빠른 리서치·코드 설명, 무료 고용량 컨텍스트
- **Google Workspace CLI (gws)** — Drive·Docs·Sheets·Gmail 연동, AI 에이전트 스킬
---
## 커리큘럼 구조 (v2)
```
Module 0: 공통 기초
├── 00-1. AI 코딩 도구 개요 (도구 비교표)
├── 00-2. 계정 가입 (GitHub, Vercel, Supabase, Tally)
└── 00-3. 개발 환경 설치 (Node.js, pnpm, Git)
Module 1: Cursor 바이브코딩
├── 1-1. Cursor 설치 및 기본 설정
├── 1-2. AI Chat / Composer / Agent 사용법
├── 1-3. 랜딩페이지 실전 제작
└── 1-4. Vercel 배포
Module 2: Claude Code 바이브코딩
├── 2-1. Claude Code 설치 및 인증
├── 2-2. 기본 명령어 / 슬래시 커맨드
├── 2-3. CLAUDE.md로 프로젝트 맥락 설정
├── 2-4. 멀티파일 기능 구현 실전
└── 2-5. Git 연동 워크플로우
Module 3: Gemini CLI 바이브코딩
├── 3-1. Gemini CLI 설치 및 인증 (Google AI API)
├── 3-2. 기본 사용법 / 파이프 활용
├── 3-3. 코드 리뷰 / 문서화 자동화
└── 3-4. Cursor + Gemini CLI 조합 워크플로우
Module 4: Google Workspace CLI 바이브코딩
├── 4-1. gws 설치 및 인증 (Drive, Docs, Sheets)
├── 4-2. 기본 사용법 / 파이프·AI 연동
└── 4-3. 4도구 통합 워크플로우 (문서·데이터 연동)
Module 5: 실전 프로젝트 (네 도구 통합)
├── 5-1. 프로젝트 설계 (Cursor + Docs/Sheets)
├── 5-2. 핵심 기능 구현 (Claude Code)
├── 5-3. 리뷰 & 문서화 (Gemini CLI)
└── 5-4. 배포 & 런칭
```
---
## 도구별 특징 비교
| 항목 | Cursor | Claude Code | Gemini CLI | Google Workspace CLI |
|------|--------|-------------|------------|----------------------|
| **인터페이스** | GUI (에디터) | CLI (터미널) | CLI (터미널) | CLI (터미널) |
| **설치** | 앱 다운로드 | `npm i -g @anthropic-ai/claude-code` | `npm i -g @google/gemini-cli` | `npm i -g @googleworkspace/cli` |
| **AI 모델** | Claude 3.7 / GPT-4o 선택 | Claude Sonnet 4.6 고정 | Gemini 2.5 Pro 고정 | Discovery API + AI 스킬 |
| **무료 한도** | 월 2,000회 자동완성 | $5 크레딧 / API Key 필요 | 무료 (분당 60요청) | OAuth·Workspace 계정 기준 |
| **컨텍스트** | 열린 파일 기준 | 프로젝트 전체 | 100만 토큰 | Drive·Docs·Sheets·Gmail |
| **강점** | 초보자 진입장벽 낮음 | 복잡한 태스크 자율 처리 | 빠른 리서치 / 대용량 코드 분석 | 문서·스프레드시트 연동 |
| **최적 사용** | 파일 편집, UI 작업 | 리팩토링, 멀티파일, 자동화 | 코드 리뷰, 문서화, 리서치 | 기획서·데이터를 코드 맥락에 반영 |
---
## Module 0: 공통 기초 (신규)
### 00-1. AI 코딩 도구 개요
**학습 목표:** 네 도구의 차이를 이해하고 언제 어떤 도구를 쓸지 판단한다.
**구성:**
- 바이브코딩이란? (AI와 함께 코딩하는 방식)
- 도구 비교표 (위 표)
- 추천 조합: Cursor(주) + Claude Code(보조) + Gemini CLI(리뷰) + Google Workspace CLI(문서·데이터)
- 이 커리큘럼으로 만들게 되는 것
---
## Module 1: Cursor 바이브코딩 (기존 v1 내용 + 강화)
### 1-1. Cursor 설치 및 기본 설정
- 다운로드 및 GitHub 로그인
- 첫 설정: 모델 선택 (claude-3-7-sonnet 권장), 테마, 키바인딩
- Rules for AI 설정 (프로젝트 맥락 주입)
### 1-2. AI Chat / Composer / Agent 사용법
- **Chat (`Cmd+L`):** 코드 질문, 설명 요청
- **Inline Edit (`Cmd+K`):** 선택 영역 수정
- **Composer (`Cmd+I`):** 멀티파일 생성/수정
- **Agent 모드:** 자율 실행 (터미널 명령 포함)
- 실전 프롬프트 패턴 5가지
### 1-3. 랜딩페이지 실전 제작 (기존 05 내용)
- Next.js 15 프로젝트 초기화
- Cursor AI로 섹션별 컴포넌트 생성
- Tally 폼 연동
### 1-4. Vercel 배포
- GitHub 연동 자동 배포 설정
- 환경 변수 설정
- 커스텀 도메인 연결
---
## Module 2: Claude Code 바이브코딩 (신규)
### 2-1. Claude Code 설치 및 인증
**설치:**
```bash
npm install -g @anthropic-ai/claude-code
```
**인증:**
- Anthropic Console에서 API Key 발급
- `claude` 명령어로 로그인
**첫 실행:**
```bash
claude # 대화형 모드
claude "이 프로젝트 구조를 설명해줘" # 단일 명령
```
### 2-2. 기본 명령어 / 슬래시 커맨드
- `/help` — 명령어 목록
- `/compact` — 컨텍스트 압축
- `/clear` — 대화 초기화
- `/diff` — 변경사항 확인
- `--print` 플래그로 결과만 출력
### 2-3. CLAUDE.md 설정
- 프로젝트 루트에 `CLAUDE.md` 생성
- 기술 스택, 코드 스타일, 폴더 구조 명시
- 매 세션마다 자동으로 컨텍스트 주입
### 2-4. 멀티파일 기능 구현
- "인증 기능 추가해줘" → 자율 멀티파일 구현
- Supabase Auth 연동 실전
- 에러 디버깅 자동화
### 2-5. Git 연동 워크플로우
- `claude "변경사항 커밋 메시지 작성해줘"`
- PR 설명 자동 생성
- 코드 리뷰 요청
---
## Module 3: Gemini CLI 바이브코딩 (신규)
### 3-1. Gemini CLI 설치 및 인증
**설치:**
```bash
npm install -g @google/gemini-cli
```
**인증:**
- Google 계정으로 로그인 (무료)
- 또는 Google AI Studio에서 API Key 발급
**첫 실행:**
```bash
gemini # 대화형 모드
```
### 3-2. 기본 사용법 / 파이프 활용
- 대화형 모드 기본 사용
- 파이프로 파일 내용 전달: `cat README.md | gemini "요약해줘"`
- 대용량 코드베이스 분석 (100만 토큰 컨텍스트 활용)
### 3-3. 코드 리뷰 / 문서화 자동화
- 전체 프로젝트 코드 리뷰 요청
- README 자동 생성
- API 문서화 (JSDoc / TSDoc)
- 한국어 주석 자동 추가
### 3-4. Cursor + Gemini CLI 조합 워크플로우
**추천 워크플로우:**
1. **Cursor** — 기능 구현 (GUI 편집)
2. **Gemini CLI** — 전체 코드 리뷰 (대용량 컨텍스트)
3. **Claude Code** — 리뷰 피드백 자동 반영 (자율 수정)
```bash
# 전체 프로젝트 리뷰 예시
find . -name "*.tsx" | xargs cat | gemini "보안 취약점과 개선사항을 한국어로 알려줘"
```
---
## Module 4: Google Workspace CLI 바이브코딩 (신규)
### 4-1. gws 설치 및 인증
**설치:**
```bash
npm install -g @googleworkspace/cli
```
**인증:**
- `gws auth login` — 브라우저 OAuth 로그인
- 서비스 계정(선택): `GOOGLE_APPLICATION_CREDENTIALS`로 자동화
**첫 실행:**
```bash
gws drive files list
gws docs get <doc-id>
gws sheets get <sheet-id> --range "Sheet1!A1:D10"
```
### 4-2. 기본 사용법 / 파이프·AI 연동
- Drive 파일 목록·검색·다운로드
- Docs 본문을 마크다운으로 출력 → Claude/Gemini에 파이프
- Sheets 범위 조회 → JSON/시드 데이터 생성
### 4-3. 4도구 통합 워크플로우 (문서·데이터 연동)
- 기획서(Docs) → Claude Code에 전달해 구현
- 스프레드시트(Sheets) → 설정값·시드 데이터 반영
- Cursor + Claude Code + Gemini CLI + gws 역할 분담
---
## Module 5: 실전 프로젝트 통합 (신규)
**프로젝트:** 코어브리핑 랜딩페이지 → 실제 SaaS 앱으로 확장
| 단계 | 도구 | 작업 |
|------|------|------|
| 기획/문서 | Google Workspace CLI | Docs·Sheets에서 스펙·데이터 가져오기 |
| 기획/설계 | Cursor | 기획서·설계서 반영, 파일 구조 생성 |
| UI 구현 | Cursor | 컴포넌트 단위 화면 개발 |
| 백엔드 연동 | Claude Code | Supabase API 연동, 인증 구현 |
| 전체 리뷰 | Gemini CLI | 코드 품질 검토, 문서화 |
| 배포 | Claude Code | Vercel 배포 자동화 스크립트 |
---
## 콘텐츠 파일 구조 (v2)
```
content/courses/
├── index.mdx ← 전체 커리큘럼 목차
│
├── 00-intro.mdx ← AI 코딩 도구 개요 (신규)
│
├── module-1-cursor/
│ ├── 01-signup.mdx ← 기존 (업데이트)
│ ├── 02-installation.mdx ← 기존 (Cursor 부분)
│ ├── 03-cursor-basics.mdx ← 신규 (Chat/Composer/Agent)
│ ├── 04-preparation.mdx ← 기존
│ ├── 05-wireframe.mdx ← 기존
│ └── 06-landing-page.mdx ← 기존
│
├── module-2-claude-code/
│ ├── 07-install-claude-code.mdx ← 신규
│ ├── 08-claude-md-setup.mdx ← 신규
│ ├── 09-multifile-workflow.mdx ← 신규
│ └── 10-git-workflow.mdx ← 신규
│
├── module-3-gemini-cli/
│ ├── 11-install-gemini-cli.mdx ← 신규
│ ├── 12-code-review.mdx ← 신규
│ └── 13-combined-workflow.mdx ← 신규
│
└── module-4-project/
├── 14-project-design.mdx ← 신규
├── 15-implementation.mdx ← 신규
└── 16-deploy-launch.mdx ← 신규
```
---
## 예상 콘텐츠 볼륨
| 모듈 | 챕터 수 | 예상 학습 시간 |
|------|---------|----------------|
| Module 0: 공통 기초 | 3챕터 | 1시간 |
| Module 1: Cursor | 6챕터 | 4시간 |
| Module 2: Claude Code | 4챕터 | 3시간 |
| Module 3: Gemini CLI | 3챕터 | 2시간 |
| Module 4: Google Workspace CLI | 3챕터 | 2시간 |
| Module 5: 실전 프로젝트 | 3챕터 | 5시간 |
| **합계** | **22챕터** | **약 17시간** |
---
## 구현 우선순위
### Phase 1 (즉시) — 기존 v1 완성
- [ ] 현재 5챕터 콘텐츠 완성
- [ ] Next.js 사이트 구축 및 배포
### Phase 2 (1주) — Module 0 + Claude Code
- [ ] 00-intro.mdx 작성 (도구 비교)
- [ ] Module 2: Claude Code 4챕터 작성
### Phase 3 (2주) — Gemini CLI + 통합
- [ ] Module 3: Gemini CLI 3챕터 작성
- [ ] Module 4: 실전 프로젝트 3챕터 작성
### Phase 4 (3주) — Cursor 심화
- [ ] Module 1 기존 챕터 보강
- [ ] 03-cursor-basics.mdx 신규 작성
공개 문서 변환 코드 (HTML)
<h1>Skoolchef Tutorial 커리큘럼 v2 기획안</h1>
<blockquote>
<p>현재 v1은 Cursor 중심의 단일 도구 커리큘럼
v2는 Cursor + Claude Code + Gemini CLI + Google Workspace CLI 네 도구를 모두 다루는 확장판</p>
</blockquote>
<hr>
<h2>핵심 방향</h2>
<p><strong>"AI 코딩 도구 4종 세트를 상황에 맞게 선택해서 쓴다"</strong></p>
<p>네 도구는 경쟁이 아니라 상호보완 관계다.</p>
<ul>
<li><strong>Cursor</strong> — GUI, 시각적 편집, 파일 단위 작업에 최적</li>
<li><strong>Claude Code</strong> — CLI, 복잡한 멀티파일 작업, 자율 실행에 최적</li>
<li><strong>Gemini CLI</strong> — CLI, 빠른 리서치·코드 설명, 무료 고용량 컨텍스트</li>
<li><strong>Google Workspace CLI (gws)</strong> — Drive·Docs·Sheets·Gmail 연동, AI 에이전트 스킬</li>
</ul>
<hr>
<h2>커리큘럼 구조 (v2)</h2>
<pre><code>Module 0: 공통 기초
├── 00-1. AI 코딩 도구 개요 (도구 비교표)
├── 00-2. 계정 가입 (GitHub, Vercel, Supabase, Tally)
└── 00-3. 개발 환경 설치 (Node.js, pnpm, Git)
Module 1: Cursor 바이브코딩
├── 1-1. Cursor 설치 및 기본 설정
├── 1-2. AI Chat / Composer / Agent 사용법
├── 1-3. 랜딩페이지 실전 제작
└── 1-4. Vercel 배포
Module 2: Claude Code 바이브코딩
├── 2-1. Claude Code 설치 및 인증
├── 2-2. 기본 명령어 / 슬래시 커맨드
├── 2-3. CLAUDE.md로 프로젝트 맥락 설정
├── 2-4. 멀티파일 기능 구현 실전
└── 2-5. Git 연동 워크플로우
Module 3: Gemini CLI 바이브코딩
├── 3-1. Gemini CLI 설치 및 인증 (Google AI API)
├── 3-2. 기본 사용법 / 파이프 활용
├── 3-3. 코드 리뷰 / 문서화 자동화
└── 3-4. Cursor + Gemini CLI 조합 워크플로우
Module 4: Google Workspace CLI 바이브코딩
├── 4-1. gws 설치 및 인증 (Drive, Docs, Sheets)
├── 4-2. 기본 사용법 / 파이프·AI 연동
└── 4-3. 4도구 통합 워크플로우 (문서·데이터 연동)
Module 5: 실전 프로젝트 (네 도구 통합)
├── 5-1. 프로젝트 설계 (Cursor + Docs/Sheets)
├── 5-2. 핵심 기능 구현 (Claude Code)
├── 5-3. 리뷰 & 문서화 (Gemini CLI)
└── 5-4. 배포 & 런칭
</code></pre>
<hr>
<h2>도구별 특징 비교</h2>
<table>
<thead>
<tr>
<th>항목</th>
<th>Cursor</th>
<th>Claude Code</th>
<th>Gemini CLI</th>
<th>Google Workspace CLI</th>
</tr>
</thead>
<tbody><tr>
<td><strong>인터페이스</strong></td>
<td>GUI (에디터)</td>
<td>CLI (터미널)</td>
<td>CLI (터미널)</td>
<td>CLI (터미널)</td>
</tr>
<tr>
<td><strong>설치</strong></td>
<td>앱 다운로드</td>
<td><code>npm i -g @anthropic-ai/claude-code</code></td>
<td><code>npm i -g @google/gemini-cli</code></td>
<td><code>npm i -g @googleworkspace/cli</code></td>
</tr>
<tr>
<td><strong>AI 모델</strong></td>
<td>Claude 3.7 / GPT-4o 선택</td>
<td>Claude Sonnet 4.6 고정</td>
<td>Gemini 2.5 Pro 고정</td>
<td>Discovery API + AI 스킬</td>
</tr>
<tr>
<td><strong>무료 한도</strong></td>
<td>월 2,000회 자동완성</td>
<td>$5 크레딧 / API Key 필요</td>
<td>무료 (분당 60요청)</td>
<td>OAuth·Workspace 계정 기준</td>
</tr>
<tr>
<td><strong>컨텍스트</strong></td>
<td>열린 파일 기준</td>
<td>프로젝트 전체</td>
<td>100만 토큰</td>
<td>Drive·Docs·Sheets·Gmail</td>
</tr>
<tr>
<td><strong>강점</strong></td>
<td>초보자 진입장벽 낮음</td>
<td>복잡한 태스크 자율 처리</td>
<td>빠른 리서치 / 대용량 코드 분석</td>
<td>문서·스프레드시트 연동</td>
</tr>
<tr>
<td><strong>최적 사용</strong></td>
<td>파일 편집, UI 작업</td>
<td>리팩토링, 멀티파일, 자동화</td>
<td>코드 리뷰, 문서화, 리서치</td>
<td>기획서·데이터를 코드 맥락에 반영</td>
</tr>
</tbody></table>
<hr>
<h2>Module 0: 공통 기초 (신규)</h2>
<h3>00-1. AI 코딩 도구 개요</h3>
<p><strong>학습 목표:</strong> 네 도구의 차이를 이해하고 언제 어떤 도구를 쓸지 판단한다.</p>
<p><strong>구성:</strong></p>
<ul>
<li>바이브코딩이란? (AI와 함께 코딩하는 방식)</li>
<li>도구 비교표 (위 표)</li>
<li>추천 조합: Cursor(주) + Claude Code(보조) + Gemini CLI(리뷰) + Google Workspace CLI(문서·데이터)</li>
<li>이 커리큘럼으로 만들게 되는 것</li>
</ul>
<hr>
<h2>Module 1: Cursor 바이브코딩 (기존 v1 내용 + 강화)</h2>
<h3>1-1. Cursor 설치 및 기본 설정</h3>
<ul>
<li>다운로드 및 GitHub 로그인</li>
<li>첫 설정: 모델 선택 (claude-3-7-sonnet 권장), 테마, 키바인딩</li>
<li>Rules for AI 설정 (프로젝트 맥락 주입)</li>
</ul>
<h3>1-2. AI Chat / Composer / Agent 사용법</h3>
<ul>
<li><strong>Chat (<code>Cmd+L</code>):</strong> 코드 질문, 설명 요청</li>
<li><strong>Inline Edit (<code>Cmd+K</code>):</strong> 선택 영역 수정</li>
<li><strong>Composer (<code>Cmd+I</code>):</strong> 멀티파일 생성/수정</li>
<li><strong>Agent 모드:</strong> 자율 실행 (터미널 명령 포함)</li>
<li>실전 프롬프트 패턴 5가지</li>
</ul>
<h3>1-3. 랜딩페이지 실전 제작 (기존 05 내용)</h3>
<ul>
<li>Next.js 15 프로젝트 초기화</li>
<li>Cursor AI로 섹션별 컴포넌트 생성</li>
<li>Tally 폼 연동</li>
</ul>
<h3>1-4. Vercel 배포</h3>
<ul>
<li>GitHub 연동 자동 배포 설정</li>
<li>환경 변수 설정</li>
<li>커스텀 도메인 연결</li>
</ul>
<hr>
<h2>Module 2: Claude Code 바이브코딩 (신규)</h2>
<h3>2-1. Claude Code 설치 및 인증</h3>
<p><strong>설치:</strong></p>
<pre><code class="language-bash">npm install -g @anthropic-ai/claude-code
</code></pre>
<p><strong>인증:</strong></p>
<ul>
<li>Anthropic Console에서 API Key 발급</li>
<li><code>claude</code> 명령어로 로그인</li>
</ul>
<p><strong>첫 실행:</strong></p>
<pre><code class="language-bash">claude # 대화형 모드
claude "이 프로젝트 구조를 설명해줘" # 단일 명령
</code></pre>
<h3>2-2. 기본 명령어 / 슬래시 커맨드</h3>
<ul>
<li><code>/help</code> — 명령어 목록</li>
<li><code>/compact</code> — 컨텍스트 압축</li>
<li><code>/clear</code> — 대화 초기화</li>
<li><code>/diff</code> — 변경사항 확인</li>
<li><code>--print</code> 플래그로 결과만 출력</li>
</ul>
<h3>2-3. CLAUDE.md 설정</h3>
<ul>
<li>프로젝트 루트에 <code>CLAUDE.md</code> 생성</li>
<li>기술 스택, 코드 스타일, 폴더 구조 명시</li>
<li>매 세션마다 자동으로 컨텍스트 주입</li>
</ul>
<h3>2-4. 멀티파일 기능 구현</h3>
<ul>
<li>"인증 기능 추가해줘" → 자율 멀티파일 구현</li>
<li>Supabase Auth 연동 실전</li>
<li>에러 디버깅 자동화</li>
</ul>
<h3>2-5. Git 연동 워크플로우</h3>
<ul>
<li><code>claude "변경사항 커밋 메시지 작성해줘"</code></li>
<li>PR 설명 자동 생성</li>
<li>코드 리뷰 요청</li>
</ul>
<hr>
<h2>Module 3: Gemini CLI 바이브코딩 (신규)</h2>
<h3>3-1. Gemini CLI 설치 및 인증</h3>
<p><strong>설치:</strong></p>
<pre><code class="language-bash">npm install -g @google/gemini-cli
</code></pre>
<p><strong>인증:</strong></p>
<ul>
<li>Google 계정으로 로그인 (무료)</li>
<li>또는 Google AI Studio에서 API Key 발급</li>
</ul>
<p><strong>첫 실행:</strong></p>
<pre><code class="language-bash">gemini # 대화형 모드
</code></pre>
<h3>3-2. 기본 사용법 / 파이프 활용</h3>
<ul>
<li>대화형 모드 기본 사용</li>
<li>파이프로 파일 내용 전달: <code>cat README.md | gemini "요약해줘"</code></li>
<li>대용량 코드베이스 분석 (100만 토큰 컨텍스트 활용)</li>
</ul>
<h3>3-3. 코드 리뷰 / 문서화 자동화</h3>
<ul>
<li>전체 프로젝트 코드 리뷰 요청</li>
<li>README 자동 생성</li>
<li>API 문서화 (JSDoc / TSDoc)</li>
<li>한국어 주석 자동 추가</li>
</ul>
<h3>3-4. Cursor + Gemini CLI 조합 워크플로우</h3>
<p><strong>추천 워크플로우:</strong></p>
<ol>
<li><strong>Cursor</strong> — 기능 구현 (GUI 편집)</li>
<li><strong>Gemini CLI</strong> — 전체 코드 리뷰 (대용량 컨텍스트)</li>
<li><strong>Claude Code</strong> — 리뷰 피드백 자동 반영 (자율 수정)</li>
</ol>
<pre><code class="language-bash"># 전체 프로젝트 리뷰 예시
find . -name "*.tsx" | xargs cat | gemini "보안 취약점과 개선사항을 한국어로 알려줘"
</code></pre>
<hr>
<h2>Module 4: Google Workspace CLI 바이브코딩 (신규)</h2>
<h3>4-1. gws 설치 및 인증</h3>
<p><strong>설치:</strong></p>
<pre><code class="language-bash">npm install -g @googleworkspace/cli
</code></pre>
<p><strong>인증:</strong></p>
<ul>
<li><code>gws auth login</code> — 브라우저 OAuth 로그인</li>
<li>서비스 계정(선택): <code>GOOGLE_APPLICATION_CREDENTIALS</code>로 자동화</li>
</ul>
<p><strong>첫 실행:</strong></p>
<pre><code class="language-bash">gws drive files list
gws docs get <doc-id>
gws sheets get <sheet-id> --range "Sheet1!A1:D10"
</code></pre>
<h3>4-2. 기본 사용법 / 파이프·AI 연동</h3>
<ul>
<li>Drive 파일 목록·검색·다운로드</li>
<li>Docs 본문을 마크다운으로 출력 → Claude/Gemini에 파이프</li>
<li>Sheets 범위 조회 → JSON/시드 데이터 생성</li>
</ul>
<h3>4-3. 4도구 통합 워크플로우 (문서·데이터 연동)</h3>
<ul>
<li>기획서(Docs) → Claude Code에 전달해 구현</li>
<li>스프레드시트(Sheets) → 설정값·시드 데이터 반영</li>
<li>Cursor + Claude Code + Gemini CLI + gws 역할 분담</li>
</ul>
<hr>
<h2>Module 5: 실전 프로젝트 통합 (신규)</h2>
<p><strong>프로젝트:</strong> 코어브리핑 랜딩페이지 → 실제 SaaS 앱으로 확장</p>
<table>
<thead>
<tr>
<th>단계</th>
<th>도구</th>
<th>작업</th>
</tr>
</thead>
<tbody><tr>
<td>기획/문서</td>
<td>Google Workspace CLI</td>
<td>Docs·Sheets에서 스펙·데이터 가져오기</td>
</tr>
<tr>
<td>기획/설계</td>
<td>Cursor</td>
<td>기획서·설계서 반영, 파일 구조 생성</td>
</tr>
<tr>
<td>UI 구현</td>
<td>Cursor</td>
<td>컴포넌트 단위 화면 개발</td>
</tr>
<tr>
<td>백엔드 연동</td>
<td>Claude Code</td>
<td>Supabase API 연동, 인증 구현</td>
</tr>
<tr>
<td>전체 리뷰</td>
<td>Gemini CLI</td>
<td>코드 품질 검토, 문서화</td>
</tr>
<tr>
<td>배포</td>
<td>Claude Code</td>
<td>Vercel 배포 자동화 스크립트</td>
</tr>
</tbody></table>
<hr>
<h2>콘텐츠 파일 구조 (v2)</h2>
<pre><code>content/courses/
├── index.mdx ← 전체 커리큘럼 목차
│
├── 00-intro.mdx ← AI 코딩 도구 개요 (신규)
│
├── module-1-cursor/
│ ├── 01-signup.mdx ← 기존 (업데이트)
│ ├── 02-installation.mdx ← 기존 (Cursor 부분)
│ ├── 03-cursor-basics.mdx ← 신규 (Chat/Composer/Agent)
│ ├── 04-preparation.mdx ← 기존
│ ├── 05-wireframe.mdx ← 기존
│ └── 06-landing-page.mdx ← 기존
│
├── module-2-claude-code/
│ ├── 07-install-claude-code.mdx ← 신규
│ ├── 08-claude-md-setup.mdx ← 신규
│ ├── 09-multifile-workflow.mdx ← 신규
│ └── 10-git-workflow.mdx ← 신규
│
├── module-3-gemini-cli/
│ ├── 11-install-gemini-cli.mdx ← 신규
│ ├── 12-code-review.mdx ← 신규
│ └── 13-combined-workflow.mdx ← 신규
│
└── module-4-project/
├── 14-project-design.mdx ← 신규
├── 15-implementation.mdx ← 신규
└── 16-deploy-launch.mdx ← 신규
</code></pre>
<hr>
<h2>예상 콘텐츠 볼륨</h2>
<table>
<thead>
<tr>
<th>모듈</th>
<th>챕터 수</th>
<th>예상 학습 시간</th>
</tr>
</thead>
<tbody><tr>
<td>Module 0: 공통 기초</td>
<td>3챕터</td>
<td>1시간</td>
</tr>
<tr>
<td>Module 1: Cursor</td>
<td>6챕터</td>
<td>4시간</td>
</tr>
<tr>
<td>Module 2: Claude Code</td>
<td>4챕터</td>
<td>3시간</td>
</tr>
<tr>
<td>Module 3: Gemini CLI</td>
<td>3챕터</td>
<td>2시간</td>
</tr>
<tr>
<td>Module 4: Google Workspace CLI</td>
<td>3챕터</td>
<td>2시간</td>
</tr>
<tr>
<td>Module 5: 실전 프로젝트</td>
<td>3챕터</td>
<td>5시간</td>
</tr>
<tr>
<td><strong>합계</strong></td>
<td><strong>22챕터</strong></td>
<td><strong>약 17시간</strong></td>
</tr>
</tbody></table>
<hr>
<h2>구현 우선순위</h2>
<h3>Phase 1 (즉시) — 기존 v1 완성</h3>
<ul>
<li><input disabled="" type="checkbox"> 현재 5챕터 콘텐츠 완성</li>
<li><input disabled="" type="checkbox"> Next.js 사이트 구축 및 배포</li>
</ul>
<h3>Phase 2 (1주) — Module 0 + Claude Code</h3>
<ul>
<li><input disabled="" type="checkbox"> 00-intro.mdx 작성 (도구 비교)</li>
<li><input disabled="" type="checkbox"> Module 2: Claude Code 4챕터 작성</li>
</ul>
<h3>Phase 3 (2주) — Gemini CLI + 통합</h3>
<ul>
<li><input disabled="" type="checkbox"> Module 3: Gemini CLI 3챕터 작성</li>
<li><input disabled="" type="checkbox"> Module 4: 실전 프로젝트 3챕터 작성</li>
</ul>
<h3>Phase 4 (3주) — Cursor 심화</h3>
<ul>
<li><input disabled="" type="checkbox"> Module 1 기존 챕터 보강</li>
<li><input disabled="" type="checkbox"> 03-cursor-basics.mdx 신규 작성</li>
</ul>