읽기 모드: 장마다 마지막 화면과 지도 위치 메모를 보여 줍니다. 발표는 이 파일을 브라우저로 열면 됩니다(JS 필요).

.

파트 2 / 3

손발

AI가
직접 일하게 하는 법

MCP로 외부 도구를 연결해
더 복잡한 업무를 수행하는 방법

에이전트 지도: 오른쪽 손발이 켜졌다

이제 MCP연결을 통해서 조금 더 복잡한 작업으로 확장해 봅시다.

MCP = Claude를 외부 서비스에 연결하는 다리

이젠 창 이동 없이 클로드코드 안에서 대화만으로 해결하세요

에이전트 지도

지도의 점선 = MCP

내 컴퓨터 단면: 위 구름에 머리, 몸통 속에 공장
MCPModel Context
Protocol

USB-C처럼 AI와 다양한
외부 도구를 연결하는
공통 규격

연결할 수 있는 서비스 많이 쓰는 것

Google SheetsGmailGoogle DriveGoogle CalendarSlackNotionCanvaFigmaHiggsfieldGitHub
NOTE

기존에는 사용자가 직접 작업을 해야했지만, MCP 연결 후엔 클로드코드 대화창안에서 모든 것을 요청합니다.

(개념 잠깐) MCP와 API는 어떤 차이가 있을까요?

예전에는 서비스마다 따로 API를 개발해야 했지만, 지금은 MCP라는 한 가지 방식으로 연결

에이전트 지도

지도의 점선 = MCP

Before MCP, After MCP 구조 비교
Before MCP
  • API를 공개한 서비스만 연결할 수 있었습니다.
  • MES, ERP 같은 사내 시스템은 따로 필요한 기능들을 직접 개발해야 했습니다.
After MCP
  • API가 없던 시스템도 MCP 서버를 만들면 연결됩니다.
  • AI가 MCP를 통해 연결되어 다양한 작업을 요청/수행할 수 있습니다.
사람은 말만 하고 로봇이 서류를 들고 서비스 사이를 오가는 그림
결론

이제는 내가 직접 왔다갔다 하지 않아도 MCP를 통해 AI가 바로 작업을 할 수 있습니다.

MCP 연결 실습 ㅡ 클로드코드 커넥터 앱 사용

Claude 앱의 커넥터 UI를 사용하는 방법

에이전트 지도

점선을 잇는 방법 1

설정 열기

1설정 열기

왼쪽 하단 프로필 → 설정
커넥터 메뉴

2커넥터 메뉴

설정 → 커넥터 → 탐색
커넥터 검색

3커넥터 검색

서비스 이름 검색 후 연결
계정 연결

4계정 연결

OAuth 로그인 및 접근 권한 승인
다음Code에서 확인 도구가 노출되는지, 읽기·쓰기가 가능한지 확인예시 화면 · 실제 메뉴 이름과 위치는 앱 버전에 따라 다를 수 있음
NOTE

Claude 앱의 연결 UI와 Claude Code CLI의 MCP 등록은 화면·관리 범위가 다를 수 있습니다.

MCP 연결 실습 ㅡ URL로도 MCP 서버를 추가할 수 있습니다

서비스의 공식 MCP 서버 주소 또는 로컬 실행 명령이 필요합니다

에이전트 지도

점선을 잇는 방법 2

01원격 MCP 서버가 있는 경우

제공자가 알려준 MCP 서버 주소(…/mcp)를 설정 화면에 붙여 넣어 등록

실습 예시 (2-1)카카오 PlayMCP 연결

  1. playmcp.kakao.com에서 쓸 도구를 도구함에 담기
  2. Claude 앱 설정 → 커넥터 → + 추가 → 커스텀 커넥터 추가
  3. 이름 PlayMCP, MCP 서버 URL https://playmcp.kakao.com/mcp 입력 후 계속
  4. 카카오 로그인 후 권한 허용
PlayMCP가 있으면 카카오맵 등 카카오 서비스의 일부 기능을 AI와 연결할 수 있습니다.
단, 카카오톡처럼 접근 권한이 제한된 서비스는 기능이 제한적임
실제 화면 · 설정 → 커넥터 → 커스텀 커넥터 추가
실제 화면 · 설정 → 커넥터 → 커스텀 커넥터 추가

MCP 연결 실습 ㅡ “연결해줘” 한마디면 끝!

연결한 뒤에는 AI가 그 서비스에 들어가 필요한 일을 직접 처리합니다

에이전트 지도

점선을 잇는 한마디

“구글 시트 연결해줘”

매출 시트를 읽고 월별 합계를 낸 요약 탭을 만듭니다

“슬랙 연결해줘”

지난주 실적을 5줄로 정리해 매장 채널에 올립니다

“노션 연결해줘”

매주 보고서를 리포트 DB에 한 행씩 쌓아 둡니다

실제 화면, 클로드 대화창에서 “캔바 mcp 연결해줘”
실제 화면, 클로드 대화창에서 “캔바 mcp 연결해줘”

MCP가 나오면서 사용자는 “이거 연결해줘”라고만 하면, AI가 그 서비스에 들어가 직접 읽고 쓰고 정리합니다.

직군별로 많이 쓰는 MCP 예시

공식 MCP 서버나 Claude 커넥터가 있는 툴 기준

에이전트 지도

지도의 오른쪽 서비스 칸

디자이너 · 영상 콘텐츠시안 확인, 카드뉴스 제작, AI 영상 만들기

CanvaFigmaHiggsfield

마케터광고 성과 조회, 고객 리스트 정리, 캠페인 기록

Google AdsMETA ADsNotion

기획 · PM업무 배정, 이슈 관리, 팀 공지

AsanaJiraSlack

개발자코드 검토, 이슈 정리, 데이터베이스 조회

GitHubLinearSupabase

영업 · 고객 응대메일 답장 초안, 미팅 일정, 고객 문의 정리

GmailCalendarIntercom

회계 · 재무결제 내역 조회, 청구서 확인, 장부 정리

StripeQuickBooksXero
추가 실습 (2-2)

나는 __퍼포먼스 마케터___인데 나의 직군에 많이 사용하는 MCP를 추천해줘. 길게 말고 3개만 핵심만 말해줘.

MCP 연결이 잘 됐는지 확인해보기

MCP 연결 후 도구별 기능과 권한을 확인합니다.

에이전트 지도

점선이 이어졌는지 확인

2-3

“지금 연결된 MCP를 전부 알려주고, 각각 무엇을 읽고 쓸 수 있는지 권한을 표로 설명해줘. 실제 데이터는 변경하지 마.”

Claude Code — store-project

> 지금 연결된 MCP를 전부 알려주고, 각각 무엇을 읽고 쓸 수 있는지 권한을 표로 설명해줘. 실제 데이터는 변경하지 마.

● 지금 연결된 MCP는 4개입니다.

MCP할 수 있는 일권한
Google Sheets시트 조회, 새 시트 생성, 셀 수정읽기, 쓰기
Gmail메일 검색, 임시보관함에 초안 저장읽기, 초안 쓰기
Google Drive파일 찾기, 파일 업로드읽기, 쓰기
Slack채널 읽기, 메시지 게시읽기, 쓰기

확인만 했고 실제 데이터는 변경하지 않았습니다.

예시 화면 · Claude Code 응답

AI의 작업 공간을 브라우저까지 확장하기

인터넷 브라우저에서 내가 직접했던 작업들을 AI가 알아서 해줍니다.

에이전트 지도

서비스 칸 밖, 웹사이트까지

찾고×편집하고×요청하고×메일 보내고×
←→⟳
search.example.comsheet.example.com/priceform.example.com/quotemail.example.com/new
경쟁사 가격 찾아줘
a-company.example.com/priceA사 요금 안내

기본 39,000원, 프로 79,000원

b-company.example.com/plansB사 가격표 2026

기본 45,000원, 프로 89,000원

c-company.example.com/pricingC사 서비스 요금

기본 29,000원, 프로 69,000원

fx=AVERAGE(B2:B4)
ABC
1경쟁사기본프로
2A사39,00079,000
3B사45,00089,000
4C사29,00069,000
견적 요청
요청요청을 보냈습니다
새 메일

받는 사람team@example.com

제목경쟁사 가격 정리

세 곳의 가격을 표로 정리했습니다.
견적 요청도 보내 두었습니다.
보내기메일을 보냈습니다
웹페이지를 가리키는 로봇
AI가 직접 온라인 광고를 세팅하고 있는 모습
브라우저에서 AI가 광고 세팅을 진행하는 시연

AI가 웹사이트에서 직접 작업하는 5가지 방법

에이전트 지도

서비스 칸 밖, 웹사이트까지

프롬프트 예시 (2-4)
1Claude for Chrome

크롬 확장 프로그램으로 웹페이지 조회 및 조작

“지금 열린 페이지 내용을 표로 정리해줘”
2앱 내장 브라우저

AI 앱에 내장된 브라우저에서 웹 작업 수행

“내장 브라우저로 우리 홈페이지를 열어서 깨진 곳이 있는지 봐줘”
3Playwright / CDP

코드와 브라우저 제어 기술을 활용한 자동화

“Playwright로 이 쇼핑몰의 상품명과 가격을 모아서 엑셀로 저장해줘”
4Computer Use

AI가 화면을 인식하고 마우스·키보드 등을 조작

“내 화면을 보고 쇼핑몰 관리자 사이트에서 주문 목록을 정리해줘”
5Aside 로고Aside 등 AI 브라우저

AI 에이전트가 통합된 브라우저에서 작업 수행

“Aside로 광고 관리자를 열어서 어제 성과를 표로 정리해줘”
실습

매출관리 파일로 매출 분석, 보고, 공유하는 에이전트 만들기

에이전트 지도

오늘 켤 서비스 칸

내 컴퓨터 단면

머리 실습 결과 파일 매장_운영관리.xlsx

① 일별 매출날짜, 판매채널, 메뉴, 수량, 매출액

② 지출 내역날짜, 항목, 금액

③ 월별 목표매출 목표, 비용 목표

④ 월별 손익채널별 매출, 지출 합계, 순이익

매장_운영관리.xlsx 화면
예시 화면 · 실습용 가상 데이터

완성할 결과물

NOTE

실습을 위해 ‘머리’ 파트에서 완성한 엑셀을 사용합니다. 파일이 없으면 2-5번에서 받아 주세요.

실습

1. Google Sheets에 매출 관리대장을 만듭니다로컬 파일을 MCP로 연결한 툴로 옮겨봅니다.

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

표 칸 = Google Sheets

입력머리 실습에서 만든 매장_운영관리.xlsx
결과같은 시트 4개가 담긴 Google Sheets + 공유 링크
2-6

“머리 실습에서 만든 매장_운영관리.xlsx를 ‘매장_운영관리’라는 이름의 구글시트로 옮겨줘. 시트 4개(일별 매출, 지출 내역, 월별 목표, 월별 손익)는 그대로 두고, 내가 공유할 수 있도록 뷰어 권한으로 공유 가능한 링크줘”

예시 화면 · Google Sheets 요약 탭
예시 화면 · Google Sheets 요약 탭
실습

2. 만든 파일을 Gmail에 연결, 주간 보고 메일 발송하기Sheets 데이터를 다시 내려받지 않고 보고 메일까지 작성

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

메일 칸 = Gmail

조회Google Sheets에서 지난주 매출·지출 집계
생성Gmail 임시보관함에 현황과 개선 필요사항 작성
2-7

“이제 이 파일로 보고 메일을 쓸거야. 수신인은 __(메일 받을 사람 입력)__야. 보고 메일을 gmail 임시 보관함에 저장해줘. 메일에는 현황과 개선 필요사항 간략히 적어줘.”

예시 화면 · Gmail 임시보관함 초안
예시 화면 · Gmail 임시보관함 초안
실습

3. 작업한 보고서를 구글 드라이브에 자동으로 아카이빙파일을 매번 다운로드·정리하는 업무까지 줄입니다

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

Google Drive

Claude Code주간 보고서 PDF 생성
Google Drive주차별 폴더에 업로드
2-8

“좋아 다음은 우리가 메일로 발송한(또는 임시 보관함에 저장한) 이번주 보고서를 PDF 버전으로 만들어서 구글 드라이브에 업로드해줘”
(드라이브에 업로드된거 확인)

예시 화면 · Google Drive 주차 폴더
예시 화면 · Google Drive 주차 폴더
실습

4. 요약 내용은 Slack에 핵심만 담아 자동으로 보고하기보고서를 읽는 사람과 바로 실행해야 할 일을 연결

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

대화 칸 = Slack

게시 위치# 매장-운영 | 주간 매출 보고
게시 내용5줄 요약 + 실행 과제 3개 + Drive 보고서 링크
2-9

“우리가 만든 파일을 직원들에게도 브리핑 하고 싶어. 5줄로 요약하고, 실행 과제 3개와 Drive 보고서 링크를 Slack 채널에 게시해줘.”
(Slack 채널이 있으면 연결하고, 없다면 이 단계는 건너뛰세요.)

예시 화면 · 실습용 Slack 채널
예시 화면 · 실습용 Slack 채널
실습

5. 예약 실행으로 매일 같은 업무를 반복합니다트리거는 실행 시점을 담당

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

일정 칸 = 예약 실행

TRIGGER매일 오전 9시예약 실행
실행 내용주간 매출 보고지금까지 한 작업
MCPSheets · Gmail · Drive
Slack
예시 화면 · 예약 작업 설정
예시 화면 · 예약 작업 설정
2-10

“지금까지 우리가 한 작업(엑셀 정리 → 구글시트 → 보고 메일 → 드라이브 PDF → 슬랙 요약)을 매일 오전 9시에 자동으로 돌게 해줘.
그러려면 필요한 권한이나 내가 정해줘야 할 것들을 먼저 알려줘.
등록이 끝나면 이 예약 작업이 저장된 SKILL.md 파일 위치도 알려줘.”

NOTE

예약 작업은 Claude 앱이 열려 있을 때 실행됩니다. 앱이 꺼져 있었다면 다음에 앱을 열 때 실행됩니다.

실습

6. 반복 업무를 SKILL.md로 저장합니다매번 길게 설명하는 대신, 같은 절차와 검증 규칙을 재사용

ExcelSheetsGmailDriveSlack트리거SKILL
에이전트 지도

선반 = 일하는 법을 적어 두는 곳

.claude/skills/weekly-report/SKILL.md

실행 순서조회 → 분석 → 보고서 → Drive → Gmail → Slack
검증 규칙수치 대조 · 중복 방지 · 발송 금지 · 오류 시 임의 생성 금지
2-11

“방금 등록한 예약 작업의 SKILL.md를 열어서 보여줘. 실행 순서, 출력 형식, 검증 규칙에 빠지거나 틀린 내용이 있으면 알려줘.
그다음 나는 이 예약 작업을 /weekly-report라는 단축키로 호출하고 싶어. 이 절차를 /weekly-report로 호출할 수 있게 해주고, 예약 작업은 이 스킬을 실행하도록 바꿔줘.”

예시 화면 · 생성된 SKILL.md
예시 화면 · 생성된 SKILL.md

내가 만든 스킬 파일 보기

에이전트 지도

선반 위 파일

실습을 실제로 돌려 만든 weekly-report SKILL.md

마크다운(Markdown)이란 무엇인가?

에이전트 지도

선반의 파일 형식

마크다운(Markdown)은
텍스트를 구조화하는 간단한
문서 작성 형식으로,

AI에게는 작업 지시를
명확하게 전달하는
“작업지시서”이다.

SKILL.md 화면

마크다운은 그냥 생기지 않습니다

좋은 규칙과 기억은 직접 말해야 기록에 남습니다.

에이전트 지도

선반은 말해야 채워진다

1“이거 마크다운으로 정리해줘, 이거 규칙 업데이트해줘"
2“이걸 .md 파일로 저장해줘”
3“앞으로 이런 오류 없도록 기억해놔”

한번 생긴 마크다운은 대화를 하며 계속 수정해나갑니다

바이브코딩을 할 때 Claude는 대화 속 지적을 받아 마크다운을 이렇게 고쳐갑니다

에이전트 지도

지적하면 선반 파일이 바뀐다

CSV

지금 엑셀 받았는데 카카오모먼트 시트가 위에 날짜랑 아래 소재별 소진금액이  달라 6월 5일부터 6월 21일까지 소재별로 나뉜데이터 를 다시줄테니까 앞으로 이런 오류 절대 없도록 기억해놔

알겠습니다. 시트 위/아래 표 정합성을 영구 규칙으로 메모리에 박아넣겠습니다.

규칙 파일 수정+ 시트 위/아래 표 정합성 확인
+작업을 설명하거나 질문하세요Opus 5.5 중간자동
1 사람이 지적합니다

“앞으로 이런 오류 절대 없도록 기억해놔”

2 Claude가 마크다운을 고칩니다

규칙 파일에 “시트 위/아래 표 정합성 확인”을 추가

3 다음 작업부터 적용됩니다

새 대화에서도 이 규칙을 읽고 시작

에이전트 지도: 머리와 손발이 켜졌다에이전트 지도: 기억 선반까지 모두 켜졌다

AI가
직접 일하게 하는 법

머리에서 시작해 손발과 기억까지,
나만의 에이전트를 클로드 코드로

실습Sheets, Gmail, Drive, Slack

반복트리거, SKILL.md

막힐 때

도구가 안 보임
설정 → 커넥터에서 연결 상태 확인
계정 연결 오류
OAuth 로그인과 접근 권한 승인 다시
연결이 됐는지 모름
«현재 연결된 MCP 도구를 확인해 줘»
실제 데이터가 걱정
프롬프트에 «실제 데이터는 변경하지 마» 붙이기

M 또는 → 로 닫기 · 그래도 막히면 손을 들어 주세요

에이전트 = 머리 + 손발 + 기억 · 딸깍은 셋이 잘 세팅된 에이전트에서 나옵니다

발표 키
→SpacePgDn다음 단계 · 다음 장
←PgUp이전
F전체 화면   B검은 화면
P발표자 창(대본·시간·다음 장)
A에이전트 그림(머리·손발·기억) 띄우기·닫기
M«막힐 때» 표 덮어 띄우기·닫기(실습 중)
N화면 아래 대본(혼자 연습할 때)
T실습 타이머 시작·멈춤   ⇧T처음으로
숫자+Enter그 장으로(잘못 치면 Backspace)   HomeEnd처음·끝
Z발표자 창 시계를 0부터
E편집 모드(글자를 눌러 고치기 · 내보내기)   H이 안내 닫기