AX Workshop

AI 협업 워크스페이스 구축
& 첫 에이전트 제작

내 PC를 AI가 일하기 좋은 환경으로 세팅하기

김은주 · 모두의연구소 KHP팀 · 첫 AI 에이전트 만들기 스터디

오늘의 순서

활동내용
사전과제 확인환경 세팅 점검 + 안 된 분 긴급 지원
강의 ①AX 사고방식 · 파이프라인 사고 (INPUT→PROCESS→OUTPUT)
강의 ②폴더 구조 원칙 · 마크다운 기초 · Mermaid 소개
라이브 데모Gemini CLI · Antigravity(VS Code) · 다채널 에이전트 시연
실습Gemini CLI로 나의 업무 구조 → Mermaid/D2 시각화
발표 & 공유각자 업무 구조 발표 + 피드백
마무리Q&A

왜 이렇게 수업하나요?

거꾸로학습법 — "가르치는 것"이 가장 높은 학습 효과를 만듭니다

학습 방법기억 유지율비율
강의 듣기 (Lecture)5%
읽기 (Reading)10%
시청각 (Audio-Visual)20%
시연 보기 (Demonstration)30%
토론 (Discussion)50%
직접 실습 (Practice)75%
다른 사람에게 가르치기 (Teaching)90%

그래서 오늘 수업에서 직접 만들고, 서로 발표하는 시간을 갖습니다.
들으면 잊고, 하면 이해하고, 가르치면 체득합니다.

01

사전과제 확인

환경 세팅 완료 여부 점검 + 긴급 지원

환경 세팅 체크리스트

아래 항목이 모두 완료되었는지 함께 확인합니다

계정 & 도구 설치

  • Google 계정 준비 완료
  • GitHub 가입 완료
  • VS Code 설치 완료
  • Antigravity 설치 완료

CLI 도구 설치

  • Node.js 설치 (node --version)
  • Gemini CLI 설치 (gemini --version)
  • Mac: Homebrew 설치
  • API 키 설정 (스터디용 공유 키)

안 된 분은 손을 들어주세요! 함께 해결합니다.
에러 코드가 떴다면 — 복사해서 Gemini에게 물어보세요. 그것도 AI 활용입니다!

빠른 트러블슈팅

자주 나오는 에러

command not found터미널 재시작 (닫았다 다시 열기)
permission denied앞에 sudo 붙여서 실행
설치가 안 됨에러 메시지 복사 → AI에게 물어보기

02

AX 사고방식

AI를 도구가 아닌 핵심 파트너로

AX (AI Transformation)란?

단순히 AI를 써보는 것에 그치지 않고, 업무 과정 전체를 AI와 협업하는 중심으로 바꾸는 것

기존: 챗봇 사용

가끔 질문할 때만
검색창처럼 사용

전환점

AI의 가능성을
직접 실험하고 확인

AX: 통합 협업

모든 업무 프로세스에
AI를 녹여내기

"AI에게 일을 시키는 것"이 아니라 "AI와 함께 일하는 것"

AI를 동료로 대하기

도구로 쓸 때

"카드뉴스 만들어줘"
일방적 지시 → 뽑기 운

동료로 대할 때

"이 데이터를 보고 같이 기획해보자"
협업 → 일관된 품질

뭐든 AI로 해보려고 하세요. 처음엔 직접 하는 게 빠르더라도.
반복되면 생산성의 차이는 어마어마합니다.

"왜 하는가"가 중요하다

모호한 요청

"이 자료로 카드뉴스 하나 만들어줘"

목적 중심 요청

"신규 강좌 수강생 유치를 위한
전략적 홍보 콘텐츠를 기획하자"

주체성이 핵심

AI는 맘대로 하는 경향이 있습니다. 방향은 내가 잡고, 실행은 AI가 맡습니다.
What 전에 Why를 먼저 전달하세요.

파이프라인 사고

에이전트의 핵심은 업무를 하나의 흐름(Flow)으로 바라보는 것

INPUT

재료 / 데이터 / 맥락

PROCESS

AI Agent 수행

OUTPUT

결과물 / 가치

"단순히 일을 '하는' 것이 아니라, 일이 자동으로 흘러가는 길(Pipeline)을 뚫는 것.
그것이 에이전트의 진짜 가치입니다."

업무를 파이프라인으로 설계

수작업 방식

도자기를 매번 손으로 빚듯
비슷한 업무를 매번 다시 만듭니다

파이프라인 방식

공장 라인을 설계하듯
한 번 만들면 재료만 바꿔 넣습니다

예시: 다채널 홍보 에이전트

강의 정보
MD 파일 1개

채널별 변환
톤·형식 자동 조정

11개 채널 홍보문구
인스타·블로그·링크드인…

AX 사고방식 정리

🤖

AI = 파트너

도구가 아닌 협업 파트너

🧠

Second Brain

내 뇌의 한계를 AI로 확장

🔗

파이프라인

INPUT → AI → OUTPUT
흐름으로 설계

자동화하고 싶은 반복 업무를 하나 떠올려 보세요.
① 뭘 넣을 건가(입력) ② 어떻게 바꿀 건가(처리) ③ 뭘 받고 싶은가(출력)
이게 에이전트의 출발점입니다.

03

AI 친화적 환경 만들기

폴더 구조 · 마크다운 · Mermaid

AI가 잘 일하는 폴더 구조

AI에게 좋은 결과를 받으려면, 먼저 내 업무를 잘 정리해야 합니다

📁 my-project/ ├── input/ # 원본 자료 (재료) ├── output/ # AI가 만든 결과물 ├── reference/ # 참고 샘플·가이드 └── PRD.md # 목적과 요구사항

폴더 구조 3원칙

  • 의미 있는 폴더명 — 폴더명만으로 내용 유추 가능
  • 한 파일 = 한 주제 — AI 인용 최적화
  • 영어 + 대시(-) — 시스템 오류 방지

Tip: 폴더명은 한글보다 영문-대시 형태가 안전합니다. 예: card-news-agent

마크다운(Markdown) 기초

AI가 가장 잘 이해하는 텍스트 포맷 — 노션을 쓰고 계시다면 이미 쓰고 있는 겁니다!

# 제목 1 (가장 큰 제목) ## 제목 2 ### 제목 3 **굵게** *기울임* - 목록 항목 1 - 목록 항목 2 1. 번호 목록 1 2. 번호 목록 2 | 이름 | 역할 | |------|------| | 민지 | 마케터 |

왜 마크다운인가?

  • AI 기본 언어 — 모든 AI가 학습한 표준
  • 가볍고 빠름 — 어디서나 열림 (.md)
  • 범용 호환 — GitHub, Notion, VS Code
  • 버전 관리 — "최종_진짜최종" 탈출

VS Code에서 Mermaid 사용하기

확장 하나만 설치하면 마크다운 안에서 다이어그램을 바로 그릴 수 있습니다

설치 방법

  • VS Code에서 확장(Extensions) 열기
  • Markdown Preview Enhanced 검색 → 설치
  • Cmd/Ctrl + Shift + V로 미리보기
# .md 파일에 코드블록으로 작성 ```mermaid graph LR A[기획] --> B[초안] B --> C[검토] C --> D[배포] ``` # Cmd/Ctrl + Shift + V 로 미리보기!

Mermaid = 텍스트로 그리는 다이어그램. 코딩이 아니라 구조를 글로 적는 것입니다.

Mermaid 예시 — 업무 흐름도

# 플로우차트 ```mermaid graph TD A[강의 정보 입력] --> B[AI 분석] B --> C{채널 선택} C --> D[인스타그램] C --> E[블로그] C --> F[링크드인] D --> G[홍보 콘텐츠 완성] E --> G F --> G ```
# 마인드맵 ```mermaid mindmap root((내 업무)) 기획 리서치 브레인스토밍 기획서 작성 콘텐츠 제작 카피라이팅 디자인 의뢰 검수 배포 SNS 업로드 성과 분석 ```

실습 시간에 자기 업무 구조를 Mermaid로 직접 그려볼 겁니다!

04

라이브 데모

직접 보는 것이 백 마디보다 낫습니다

코드편집기 = 이미 아는 것들의 조합

새로운 도구가 아니라, 익숙한 것들이 한 화면에 모인 것입니다.

📁 파일 탐색기
Finder, 윈도우 탐색기
+
✏️ 메모장
텍스트 작성 도구
+
⬛ 터미널
명령어 입력 화면
=
💻 코드편집기

VS Code

Microsoft 무료 편집기. 전 세계 개발자 70%+ 사용.
Copilot 무료 플랜으로 AI 보조 + 다양한 확장 기능.

Antigravity

Google의 AI-First IDE. VS Code 기반.
Gemini 무료 내장 + 에이전트 사이드바 + Manager View.

🎬

Gemini CLI 사용해보기

터미널에서 gemini 입력 → 자연어로 대화
"이 폴더 안에 있는 파일들을 정리해줘"

🎬

다채널 홍보 에이전트 시연

정보 하나 넣으면 11개 채널 콘텐츠가 자동으로 만들어집니다.
INPUT(강의 정보 MD) → PROCESS(채널별 변환) → OUTPUT(11개 홍보문구)

데모에서 본 것 정리

속도

10분이면 완성.
내가 쓰는 시간은 1분도 안 됨.

🎯

일관성

매번 같은 품질.
컨디션에 흔들리지 않음.

🔄

확장성

하나 만들면 다른 업무에도
복제·응용 가능.

에이전트는 한 번에 안 돼요. 만들고 → 테스트하고 → 고치고. 이 반복이 전부예요.
근데 한 번만 해보면 "아 되는구나" 싶은 순간이 옵니다.

05

실습 시간

Gemini CLI로 나의 업무 구조를 시각화합니다

실습: 나의 업무 구조 시각화

Gemini CLI와 대화하면서 자기 업무의 흐름을 Mermaid 다이어그램으로 만듭니다

1

Gemini CLI 실행

터미널에서 gemini 입력.
VS Code 또는 Antigravity 어디서든 OK.

2

업무 구조 대화

"나는 마케터인데, 내 주요 업무 흐름을 정리해줘. 질문을 통해 파악해줘"

3

Mermaid로 시각화

"이 업무 흐름을 Mermaid 다이어그램으로 만들어줘"

실습 프롬프트 예시

# Step 1: 업무 파악 대화 "나는 [직업/역할]이야. 내 주요 업무를 파악해서 정리하고 싶어. 나한테 질문을 하나씩 던지면서 내 업무 흐름을 파악해줘." # Step 2: Mermaid 시각화 (도표 만들기) "지금까지 대화로 파악한 내 업무 흐름을 Mermaid 플로우차트로 그려줘. 한눈에 들어오게 시각화해줘." # Step 3: 업무 효율화 제안 (추천!) "이 업무 흐름에서 가장 시간을 많이 잡아먹거나 비효율적인 부분이 어디일까? AI 입장에서 개선 방법 3가지만 제안해주고, 매일 아침 확인할 수 있는 체크리스트도 만들어줘."

완벽하지 않아도 됩니다! AI와 대화하면서 점점 구체화하세요.
"나랑 대화 많이 해줘" 하면 AI가 꼼꼼하게 질문합니다.

실습 중

Gemini CLI와 대화하며
나의 업무 구조를 시각화하세요

20분간 자유롭게 진행합니다

💬

Gemini와 대화

📊

Mermaid로 시각화

📄

MD 파일로 저장

06

발표 & 마무리

결과물 공유

결과물 공유 & 발표

만든 업무 구조 다이어그램을 화면 공유로 발표해주세요!

발표 가이드 (1~2분)

  • 나의 직업/역할 한 줄 소개
  • 업무 구조를 어떻게 정리했는지
  • Gemini와 대화하면서 느낀 점
  • 이 구조에서 자동화하고 싶은 부분

왜 발표하나요?

아까 본 거꾸로학습법 기억나시죠?

듣기: 5% 기억
직접 하기: 75% 기억
가르치기(발표): 90% 기억

발표가 학습의 완성입니다.

이번 주 결과물 체크리스트

📁

업무 폴더 구조

input / output / reference
AI 친화적 구조 완성

📊

업무 구조 다이어그램

Mermaid로 시각화한
나의 업무 흐름

🤖

Gemini CLI 경험

터미널에서 AI와
대화해본 경험

다시 한번: 거꾸로학습법

이 스터디는 "듣는 수업"이 아니라 "하는 수업"입니다

수동적 학습 (낮은 유지율)

강의 듣기5%
읽기10%
시청각20%
시연 보기30%

능동적 학습 (높은 유지율)

토론50%
직접 실습75%
다른 사람에게 가르치기90%

매주 실습하고 발표하는 이유입니다.
들으면 잊지만, 가르치면 체득합니다.

KEY POINT

"AI에게 좋은 결과를 받으려면,
먼저 내 업무를 잘 정리해야 합니다.

기록하고, 질문하고, 구조화하는 것이
AI 시대의 기본기입니다."

Q&A

궁금한 거 있으시면 편하게 질문해 주세요

1 / 33