# 실습 ③ — 멀티모달 이미지 분석 (CH3)

## 폴더 내 강사 제공 샘플 (즉시 사용 가능)

| 파일 | 형식 | 용도 |
|---|---|---|
| `샘플_분기매출차트.svg` | SVG (벡터) | 차트 해석·인사이트 추출 |
| `샘플_손글씨회의노트.svg` | SVG (손글씨) | 손글씨 → 텍스트 변환 실습 |

> 💡 **SVG로 제공한 이유**: 깨끗하게 보이고 PNG 변환도 가능. claude.ai 첨부 시:
> - 브라우저에서 SVG 열기 → 우클릭 "이미지 저장" → PNG로 저장 → claude.ai 첨부
> - 또는 SVG 그대로 첨부 (Claude는 SVG도 해석)

## 사전 준비 (선택)
다음 중 1~2개의 이미지를 휴대폰/PC에 추가 준비:

### 추천 이미지 유형
- **본인 업무 차트 스크린샷**: 실제 본인 데이터로 분석
- **손글씨 노트 사진**: 회의 메모, 화이트보드, 강의 노트
- **UI 스크린샷**: 마음에 드는 웹사이트·앱
- **종이 양식 사진**: 신청서, 계약서 일부 (개인정보 가림)

## 실습 프롬프트

### A. 차트 해석 (`샘플_분기매출차트.svg` 사용)
```
이 차트를 다음 관점에서 분석해주세요.
1. 한 문장 요약
2. 보이는 모든 수치를 표(|분기|매출|YoY 변화|)로 정리
3. 차트가 보여주는 패턴 3가지
4. 추가로 알면 좋을 정보 3가지 (이미지에 없는 것)
5. 본인 직무에 활용할 시나리오 1개
```

### B. 손글씨 → 정리된 텍스트 (`샘플_손글씨회의노트.svg` 사용)
```
이 사진의 손글씨 회의 노트를 다음 형식으로 변환해주세요.

1. 깔끔한 마크다운 회의록
   - 제목 + 일시 + 참석자
   - ## 핵심 안건
   - ## 결정사항
   - ## 후속조치 (담당자/기한 표)
2. 보이지 않거나 흐릿한 부분은 "[확인 필요]"로 명시
3. 다음 회의 안건 3가지 추천 (회의록 기반)
```

### C. UI → 코드
본인이 준비한 UI 스크린샷으로:
```
이 UI 스크린샷을 HTML/CSS 코드로 변환해주세요.
- 단일 HTML 파일, 모바일 반응형
- 색상·폰트는 가능한 한 원본과 비슷하게
- 작성 후 어떤 부분을 본인 사이트에 활용 가능한지 3가지 제안
```
