Day1 Onboarding

# Block 0: Setup

> Claude Code 설치는 이미 README의 Step 0에서 완료한 상태다.
> 이 블록에서는 첫 실행 설정과 에디터를 안내한다.

## EXPLAIN

> **Phase A 시작 시 반드시 아래 형태로 출력한다:**
> ```
> 📖 공식 문서: https://code.claude.com/docs/ko/setup
> 📖 빠른 시작: https://code.claude.com/docs/ko/quickstart
> ```

### 에디터 (선택사항)

Claude Code는 터미널에서 `claude`만 치면 된다. 하지만 파일을 눈으로 보면서 작업하고 싶다면 에디터를 설치할 수 있다:

| 에디터 | 특징 | 추천 대상 | 공식 사이트 |
|--------|------|-----------|-------------|
| [Antigravity](https://antigravity.google/) | 무료, AI 내장, 가장 간단 | 처음 시작하는 분 | antigravity.google |
| [Cursor](https://www.cursor.com/) | AI 내장, CC 시너지 | 코드 편집도 할 분 | cursor.com |
| [VSCode](https://code.visualstudio.com/) | 범용적, 확장 풍부 | 이미 쓰고 계신 분 | code.visualstudio.com |

> "이 캠프에서는 에디터 없이 터미널에서 `claude`만 쳐도 충분합니다. 에디터는 나중에 필요할 때 설치해도 됩니다."

### Mac 꿀팁: 숨겨진 폴더 보기

Mac에서는 `.`으로 시작하는 폴더(`.claude`, `.git` 등)가 기본적으로 안 보인다. Claude Code에게 시키면 된다:

```
Finder에서 .claude, .git 처럼 숨겨진 폴더도 볼 수 있게 설정해줘
```

설정이 끝나면 Finder로 직접 확인해보자:

```
open ./
```

> `.claude/skills/` 폴더 안에 지금 배우고 있는 교안이 들어있다! Finder에서 직접 눈으로 확인해보자.

### 첫 실행

터미널에 `claude` 한 글자를 입력하라고 안내한다. Anthropic 계정 로그인 + Claude 구독(Pro, Max, Teams, Enterprise) 연결을 확인시킨다.

### Output Style 설정

로그인이 끝나면 아래 순서로 Output Style을 설정하라고 안내한다:

1. Claude Code 대화창에 `/config` 입력
2. **Output style** 선택
3. **Explanatory** 선택

```
/config
→ Output style 선택
→ Explanatory 선택
```

> Explanatory 모드로 설정하면 Claude가 코드를 작성할 때 왜 그렇게 하는지 설명을 함께 해준다. 배우는 단계에서 가장 적합한 모드다.

## EXECUTE

참가자에게 순서대로 실행하라고 안내한다:

1. **첫 실행**: 터미널에서 `claude` 입력
2. **첫 대화**: "안녕, 나는 [이름]이고 [직업]이야. 나한테 인사해줘"
3. **자유 대화**: 5분간 자유롭게 대화

## QUIZ

```json
AskUserQuestion({
  "questions": [{
    "question": "설치와 첫 대화까지 완료했나요?",
    "header": "Setup 확인",
    "options": [
      {"label": "모두 완료!", "description": "Block 1로 이동"},
      {"label": "아직 진행 중", "description": "더 시간이 필요함"},
      {"label": "트러블슈팅 필요", "description": "설치나 실행에 문제 발생"}
    ],
    "multiSelect": false
  }]
})
```

> Block 0은 퀴즈 대신 완료 확인만 한다.


# Block 1: Experience

> **Phase A 시작 시 반드시 아래 형태로 출력한다:**
> ```
> 📖 공식 문서: https://code.claude.com/docs/ko/quickstart
> ```

> 7일 후 모습을 먼저 체험한다. 외우지 않는다. 느끼기만 한다.

## EXPLAIN

먼저 아래 Before/After 테이블을 보여준다:

| Before (지금) | After (7일 후) |
|---------------|----------------|
| 슬랙/캘린더/노션 하나씩 열어서 30분 | 한 문장으로 자동 발송 |
| "앱 만들어줘" → 뭘 만들지 모름 | 모호한 요청 → Claude가 질문으로 명확화 |
| 기능 외우려고 문서 뒤지기 | 모르면 Claude에게 물어보기 |

3가지 데모를 안내한다:

### 데모 1: Skill 실행 — `/weekly-sync`

> 강사가 직접 시연한다. 참가자는 보기만 한다.

강사가 터미널에서 아래를 입력하고, Claude가 Slack 메시지 수집 → git log 확인 → 문서 생성까지 자동으로 진행하는 과정을 보여준다:

```
/weekly-sync
```

핵심 포인트: **한 마디면 끝**. Slack, git, 문서 작성이 하나의 Skill로 자동화된다. 7일 후에는 여러분도 이런 걸 직접 만들 수 있다.

### 데모 2: 모호한 요청 → AskUserQuestion으로 명확화

```
우리 팀 업무를 개선해줘
```

먼저 위처럼 **모호하게** 요청한다. Claude가 혼자 추측해서 결과를 내놓을 것이다.

이번엔 다르게 요청한다:

```
우리 팀 업무를 개선해줘. 모호한 부분은 AskUserQuestion으로 질문해서 명확하게 만들어
```

Claude가 "어떤 팀인가요?", "몇 명인가요?", "가장 큰 병목은?" 등 **선택지를 제시하며 질문**하는 과정을 체험시킨다.

핵심 포인트: AskUserQuestion을 활용하면 Claude가 **추측 대신 질문**한다. 결과의 정확도가 완전히 달라진다. 이 패턴이 Day 3 `/clarify`의 핵심이다.

### 데모 3: Claude에게 물어보기

```
Claude Code에서 MCP가 뭐야?
```

핵심 메시지: 기능을 다 외울 필요 없다. 모르면 Claude에게 물어보면 된다.

## EXECUTE

참가자에게 데모 2, 3을 직접 실행하라고 안내한다:

1. **데모 1** (보기만): `/weekly-sync` 시연은 강사가 보여준 것으로 완료
2. **데모 2** 실행: 일부러 모호하게 요청 → 그다음 AskUserQuestion 활용 버전으로 재요청 → 차이 체험
3. **데모 3** 실행: Claude Code 자체에 대해 질문

## QUIZ

```
체험 정리:
1. Skill 실행 → 한 마디로 복잡한 업무 자동화
2. 모호한 요청 → AskUserQuestion으로 Claude가 질문하며 명확화
3. 모르는 것 → Claude에게 물어보기
```

```json
AskUserQuestion({
  "questions": [{
    "question": "3가지 데모 중 가장 인상적이었던 건?",
    "header": "체험 확인",
    "options": [
      {"label": "데모 1: /weekly-sync", "description": "한 마디로 복잡한 업무 자동화"},
      {"label": "데모 2: AskUserQuestion", "description": "Claude가 질문으로 명확화"},
      {"label": "데모 3: Claude에게 물어보기", "description": "모르면 물어보면 된다"}
    ],
    "multiSelect": false
  }]
})
```

> Block 1도 정답이 없는 체험 확인이다.


# Block 2: Why

## EXPLAIN

> **Phase A 시작 시 반드시 아래 형태로 출력한다:**
> ```
> 📖 공식 문서: https://code.claude.com/docs/ko/how-claude-