---
title: 4일차 강의노트
tags:
  - 강의자료
  - AI에이전트크리에이터
  - Obsidian
  - AI프레젠테이션
  - HTML-PPT-Skill
  - slide-master
created: 2026-10-01
---

# 4일차 강의노트
## AI 지식관리 시스템 구축 & AI 문서·영상 기획

### 학습목표
- 옵시디언과 클로드를 연동해 나만의 지식관리 시스템을 구축할 수 있다.
- AI로 브랜드가 반영된 발표자료 초안을 빠르게 생성할 수 있다.
- 테마 조립형·업로드파일 기반 등 다양한 AI 슬라이드 자동생성 도구를 비교해 상황에 맞게 고를 수 있다.

오늘은 "정리하고 만드는" 하루다. 옵시디언으로 지식을 정리하는 기본기를 익히고, 클로드와 엮어서 나만의 지식관리 시스템을 완성한 뒤, 서로 다른 방식의 AI 프레젠테이션 자동생성 도구 세 가지(Claude Design/PowerPoint, HTML-PPT-Skill, slide-master)를 직접 비교해본다.

## 1. 옵시디언 설치 및 기본 문법 활용법

### 1-1. 설치
1. obsidian.md 에서 운영체제에 맞는 설치 파일을 다운로드
2. 설치 후 실행하면 "새 볼트 만들기" 또는 "폴더를 볼트로 열기" 중 선택
3. 볼트로 쓸 폴더를 하나 지정하면 그 폴더에 `.obsidian` 설정 폴더가 자동으로 생기면서 볼트가 완성된다

### 1-2. 기본 마크다운 문법
| 문법 | 결과 |
|---|---|
| `# 제목` ~ `###### 제목` | 제목 1~6단계 |
| `**굵게**` | 굵게 |
| `*기울임*` | 기울임 |
| `- 항목` | 글머리 기호 목록 |
| `1. 항목` | 번호 목록 |
| `> 인용문` | 인용 블록 |
| `` `코드` `` | 인라인 코드 |
| `[제목](URL)` | 외부 링크 |

### 1-3. 옵시디언 전용 문법
- **`[[노트 제목]]`**: 다른 노트로 연결하는 위키링크. 없는 노트를 링크하면 클릭 시 새로 생성된다.
- **`#태그`**: 본문 어디에나 붙일 수 있는 태그. 프론트매터의 `tags` 속성으로도 지정 가능하다.
- **속성(프론트매터)**: 노트 맨 위 `---`로 감싼 영역에 `title`, `tags`, `created` 같은 메타데이터 기록
- **콜아웃**: `> [!note]`, `> [!warning]`, `> [!tip]` 등으로 강조 박스를 만든다
- **노트 임베드**: `![[노트 제목]]`로 다른 노트 내용을 그대로 삽입
- **그래프 뷰**: 노트 간 링크 관계를 시각적으로 보여주는 전체 지도

### 실습
지금까지 만든 강의노트들을 열어서 `[[위키링크]]`를 하나 더 추가해보고, 그래프 뷰에서 노트들이 어떻게 연결되어 있는지 확인해본다.

## 2. 옵시디언-클로드로 내 지식관리 시스템 구축하기

### 2-1. 클로드와 옵시디언을 연결하는 방법
- **파일시스템 직접 연결**: Cowork나 클로드 데스크톱 앱에 볼트 폴더를 연결해, 별도 플러그인 없이 노트를 읽고 쓰게 하는 방법(가장 간단)
- **MCP 서버 연동**: mcp-obsidian, Filesystem MCP 등으로 시맨틱 검색·프론트매터 편집 같은 더 풍부한 기능 사용
- **커뮤니티 플러그인**: 옵시디언 안에서 MCP Connector 같은 플러그인을 설치해 반대로 옵시디언에서 클로드를 호출

### 2-2. PARA 구조로 볼트 정리하기
- **1_프로젝트**: 마감이 있는 단기 목표
- **2_영역**: 마감은 없지만 꾸준히 관리할 책임 영역
- **3_자료**: 참고 자료, 지식 노트
- **4_보관소**: 더 이상 활성 상태가 아닌 것들

<!-- lecture-diagram:start day-4-1 -->
**그림으로 정리 · 노트를 어디에 둘까? PARA 네 가지 서랍**

![노트를 어디에 둘까? PARA 네 가지 서랍](assets/diagrams/day-04-1.svg)

노트의 이름보다 현재 쓰임새를 기준으로 분류합니다. 활동이 끝난 항목은 보관소로 옮깁니다.
<!-- lecture-diagram:end -->

### 2-3. MOC(허브 노트)로 탐색하기
폴더를 계속 쪼개는 대신, 관련 노트를 링크로 모아둔 허브 노트를 만든다.

<!-- lecture-diagram:start day-4-2 -->
**그림으로 정리 · 폴더에 보관하고, 허브 노트로 연결하기**

![폴더에 보관하고, 허브 노트로 연결하기](assets/diagrams/day-04-2.svg)

PARA는 보관 구조, MOC는 연결 구조입니다. 위키링크로 관련 노트를 오가며 탐색합니다.
<!-- lecture-diagram:end -->

### 실습
1. 관심 있는 주제를 하나 정한다(예: "영어 공부", "재테크")
2. 클로드에게 "이 주제로 노트를 만들어서 3_자료에 저장하고, MOC에 링크를 추가해줘"라고 요청
3. 이후 관련 자료가 생길 때마다 클로드에게 정리·링크 연결을 맡긴다

## 3. AI 슬라이드 자동생성 도구 3종 비교

발표자료(PPT)를 만드는 방식은 하나가 아니다. 오늘은 성격이 다른 세 가지 도구를 직접 써보고 상황에 맞는 도구를 고르는 눈을 기른다.

### 3-1. Claude Design / Claude for PowerPoint

앤트로픽이 공개한 AI 디자인 도구로, 원하는 목적과 스타일을 설명하면 슬라이드·원페이저 같은 시각 자료를 생성해준다. 브랜드 시스템(로고·색상·폰트·레이아웃)까지 반영해 발표자료 초안을 만드는 데 강점이 있다.

**Claude for PowerPoint(실무용 애드인)**: PowerPoint 안에서 바로 클로드를 쓸 수 있는 애드인(Pro/Max/Team/Enterprise 플랜).
- **설치**: Microsoft Marketplace에서 "Claude for Microsoft 365" 검색 → 설치 → PowerPoint에서 애드인 활성화 → 클로드 계정으로 로그인
- **핵심 기능**: 템플릿 기반 생성, 특정 슬라이드만 부분 수정, 자연어로 전체 덱 생성, 표/글머리 → 다이어그램·차트 변환, 커넥터 연동, 지속 지침 설정

**예시 프롬프트**:
```
현재 열려있는 템플릿을 기준으로, TAM/SAM/SOM을 다루는 시장 규모 분석 섹션을
3장으로 만들어줘. 각 슬라이드에는 근거가 되는 시각 자료도 넣어줘.
```

### 3-2. HTML-PPT-Skill — 테마 조립형 슬라이드

검증된 테마 36개와 레이아웃 31개를 미리 깔아두고, 에이전트가 새로 디자인하는 대신 골라서 조립하는 방식의 스킬이다. 결과물은 브라우저에서 보는 인터랙티브 HTML 슬라이드이며, **PPT 파일로는 내보내기가 안 된다**는 점이 Claude for PowerPoint와의 가장 큰 차이다.

> [!note]
> 중국 개발자가 만든 스킬이라 원본을 그대로 설치하면 한글이 어색하게 표시될 수 있다. 원본에 한글 폰트가 등록되어 있지 않아서 발생하는 문제이므로, 설치 후 한글 폰트가 잘 적용되는지 꼭 확인하자.

**설치 방법**
1. GitHub 접속: https://github.com/lewislulu/html-ppt-skill
2. 설치 전에 Node.js가 설치되어 있어야 함
3. PowerShell 또는 CMD에서 실행:
   ```bash
   npx skills add https://github.com/aiden-44/html-ppt-skill
   ```
4. 어느 AI 도구에 설치할지 선택 화면이 나오면 **Claude Code**를 선택(스페이스바로 선택 후 엔터)
5. 글로벌로 전환해 스킬 설치
6. 권장값으로 설치
7. 설치 내용 확인 후 "yes" 선택
8. Claude Code에서 스킬 실행

**예시 프롬프트**:
```
무슨무슨 내용에 대한 10장 내외의 한국어 발표자료 만들어줘.
수치가 나오는 부분은 차트나 그래프로 시각화해주고, 텍스트는 너무 많이 들어가지 않게 해줘.
표지에는 주제와 어울리는 애니메이션 효과를 넣어주고, 발표 대본도 작성해줘.
```

**슬라이드 뷰어 단축키**: `t` 테마 변경 · `o` 전체 슬라이드 보기 · `s` 발표자 모드 실행 · `r` 타이머 리셋

**특징**: 카드뉴스 형태의 슬라이드도 만들 수 있어, 발표자료뿐 아니라 SNS용 카드뉴스 제작에도 활용할 수 있다.

### 3-3. slide-master — 업로드 자료 기반 PPT 자동생성

내가 가진 자료(문서, 데이터)를 업로드하면 그 내용을 바탕으로 실제 PPT 파일을 자동 생성해주는 방식이다. 차트·다이어그램을 적극적으로 활용하고, 쉬운 언어로 풀어써 주는 것이 특징이다.

**설치 방법**
- GitHub: https://github.com/byungjunjang/slide-master
- 프롬프트: "이 깃허브 저장소를 현재 폴더에 클론하고, 사용할 수 있게 세팅해줘"

**PPT 생성**
- 만들고 싶은 내용의 첨부파일을 업로드하고: "이 내용으로 PPT 만들어줘. 쉬운 언어로 내용을 설명해줘. 차트와 다이어그램을 적극적으로 사용해줘"

**AI 이미지 첨부**
- Codex CLI를 이용해 AI 이미지를 생성하고 슬라이드에 자동으로 넣을 수 있도록 세팅할 수 있다. "Codex CLI 이용해서 AI 이미지를 생성해서 슬라이드에 넣을 수 있게 세팅하고 싶어. 어떻게 해야 하는지 방법을 알려줘"라고 클로드에게 요청하면 설정 방법을 단계별로 안내받을 수 있다.

### 3-4. 세 도구 비교 정리

| 도구 | 산출물 | 강점 | 유의점 |
|---|---|---|---|
| Claude Design / for PowerPoint | 실제 .pptx (템플릿 반영) | 회사 템플릿·브랜드 반영, PowerPoint에서 바로 편집 | 애드인 설치·플랜 필요 |
| HTML-PPT-Skill | 인터랙티브 HTML 슬라이드 | 완성도 높은 테마를 빠르게 조립, 카드뉴스 겸용 | PPT 파일로 내보내기 불가, 한글 폰트 확인 필요 |
| slide-master | 실제 .pptx | 업로드 자료 기반, 차트/다이어그램·AI 이미지 적극 활용 | 저장소 클론·세팅 필요 |

## 4. 구글 Flow 에이전트 활용법

### 4-1. Google Flow란
구글의 AI 영상 제작 도구로, Veo 생성 모델을 기반으로 영화 같은 클립·장면·일관된 스토리를 만들 수 있다.
**이용 조건**: 만 18세 이상, 지원 국가 거주, 지원되는 Google AI 구독 또는 적격 Workspace 계정 등 현재 접근 조건 확인 필요

### 4-2. 에이전트로 할 수 있는 것
- **브레인스토밍/기획**: 대화하면서 스토리보드 개요를 잡고, 막연한 아이디어를 실제 프롬프트로 다듬기
- **미디어 생성**: 영상·이미지 생성을 요청하면 에이전트가 적합한 모델을 골라 생성
- **애셋 바로 수정 / 일괄 생성 / 애셋 정리**

### 실습 팁
- 생성물에는 보이지 않는 SynthID 워터마크가 삽입되며, 요금제에 따라 화면에 보이는 워터마크가 붙을 수도 있다.
- 생성이 실패하면 크레딧이 청구되지 않으니 결과가 안 보이면 새로고침부터 해본다.

## 오늘 실습
1. 관심 주제 노트를 작성해 3_자료 폴더에 저장하고 MOC에 링크 연결
2. 발표자료 초안 생성 및 부분 수정 실습(Claude Design/PowerPoint)
3. 동일한 주제로 HTML-PPT-Skill과 slide-master 두 가지 방식의 발표자료를 각각 만들어보고 산출물·소요시간·완성도를 비교

## 오늘의 실습 산출물
- 개인 지식관리 볼트
- PPT 초안
- HTML-PPT-Skill·slide-master로 제작한 발표자료 비교본

## 참고 자료
- [Claude for PowerPoint 사용법(Anthropic Support)](https://support.claude.com/en/articles/13521390-use-claude-for-powerpoint)
- [Google Flow 시작하기](https://support.google.com/flow/answer/16353333?hl=ko)
- HTML-PPT-Skill (github.com/lewislulu/html-ppt-skill)
- slide-master (github.com/byungjunjang/slide-master)

## 관련 노트
- [[3일차_강의노트]]
- [[5일차_강의노트]]


## 실습 검증과 문제 해결

### 노트에서 슬라이드로

- **직접 해볼 일**: 핵심 주장 1개와 근거 2개가 있는 노트를 골라 3장 발표자료로 구성한다.
- **예상 결과와 판정 기준**: 주장→근거→적용 순서로 읽히고, 각 슬라이드의 사실을 원문에서 찾을 수 있어야 한다.
- **오류를 좁히는 방법**: 예쁜 레이아웃이 근거 부족을 해결하지는 않는다. 긴 문장은 발표자 노트로 옮기고 작은 화면에서 글자 크기를 확인한다.

이 항목은 교육용 검증 시나리오이며 실제 실행 성공·수익·플랫폼 승인을 보고하는 사례가 아니다. 결과 화면과 수정 내용을 기록하면 다음 실습에서 같은 오류를 줄일 수 있다.

## 자료 업데이트 안내

2026-10-12 주요 설명 보완. 설치 명령·계정별 기능·요금과 심사 규정은 실행 시점의 공식 문서를 다시 확인한다.

- [Google Flow 이용 안내](https://support.google.com/flow/answer/16353333?hl=en)
- 강의 내용 문의 및 오류 신고: [라인블록](mailto:lineblock55@gmail.com)
