업무 자동화와 대시보드

학습목표

• 여러 MCP·브라우저·서브에이전트를 연결해 하나의 목표를 끝까지 처리하는 Cowork 워크플로우를 설계할 수 있다.
• 반복 업무를 플러그인·스케줄로 자동화하는 방법을 익힌다.
• 열 때마다 최신 데이터를 불러오는 라이브 아티팩트(실시간 대시보드)를 제작할 수 있다.
• 웹 크롤링 도구로 다양한 웹사이트의 데이터를 자동 수집·정리할 수 있다.

1. 클로드 Cowork 워크플로우 실습

Cowork는 채팅에 답만 하는 게 아니라, 여러 도구(커넥터·MCP·브라우저)를 엮어서 목표를 끝까지 처리하는 모드다. 오늘은 정보 수집부터 보고서 작성, 카톡 전송, 자동화까지 하나의 워크플로우로 연결해본다.

1-1. 크롬 확장 프로그램 설치

Claude가 브라우저를 직접 조작해 웹 검색·클릭·읽기를 할 수 있게 해주는 확장 프로그램이다.

• Chrome 웹스토어에서 "Claude in Chrome" 검색 → 추가
• 설치 후 클로드 데스크톱 앱에서 브라우저 연결을 허용하면 Cowork가 필요할 때 자동으로 탭을 열고 정보를 읽어온다.
• 별도 커넥터가 없는 사이트(뉴스, 커뮤니티 등)에서 정보를 가져올 때 특히 유용하다.

1-2. 카카오톡 MCP 설치

카카오톡의 나에게 보내기 기능과 연결하는 자동화 예시다. 커넥터의 제공자·공식 지원 여부·요청 권한을 확인한 뒤 사용한다. 모든 계정에서 동일한 MCP가 제공되는 것은 아니다.

• 설정 → 커넥터/MCP 메뉴에서 카카오 계정으로 연결
• 연결 후에는 "이 요약을 카톡으로 보내줘"라고만 하면 별도 복사·붙여넣기 없이 전송된다.

1-3. 웹 크롤링으로 데이터 자동 수집

Cowork에 연결된 커넥터가 없는 사이트라도, 범용 웹 크롤러 도구를 세팅해두면 원하는 사이트의 데이터를 깔끔하게 추출·수집해서 정돈할 수 있다.

설치

1. GitHub 저장소 접속: https://github.com/byungjunjang/web-crawler
2. 클로드에게 요청: "이 깃허브 저장소를 현재 폴더에 클론하고 사용할 수 있게 세팅해줘"

실전 활용 예시

리뷰 데이터 → 마케팅 인사이트로 확장하기 쿠팡 리뷰처럼 텍스트가 많은 데이터는 수집에서 끝내지 않고, 다음 프롬프트로 인사이트 대시보드까지 만들어볼 수 있다.

리뷰 분석 종합 인사이트 리포트를 인터랙티브 HTML 대시보드로 만들어줘.
리뷰에서 자주 언급되는 키워드를 도출해줘.
이를 기반으로 고객의 목소리를 반영한 브랜드 카피라이팅을 제안해줘.
고객에게 와닿을 수 있는 짧고 임팩트 있는 문구를 생성해줘.

실습 팁 크롤링은 "데이터를 모으는 것"으로 끝나는 게 아니라, 모은 데이터를 분석·요약해 실제 마케팅 카피나 의사결정 자료로 연결할 때 진짜 가치가 생긴다. 리뷰·뉴스·채용공고처럼 텍스트가 많은 데이터일수록 "키워드 추출 → 인사이트 → 카피라이팅" 흐름을 습관화하자.

1-4. 대량의 정보 취합

여러 소스(뉴스, 문서, 스프레드시트, 웹페이지 등)에서 필요한 정보를 한 번에 모으는 단계다. 소스가 많을 때는 서브 에이전트를 병렬로 실행해 각자 다른 소스를 담당시키면 더 빠르게 취합할 수 있다.

실전 사례: 시장 분석 보고서를 만들 때는 4개 소스를 동시에 모았다.

3개의 서브에이전트(chrome-scraper-agent, naver-search-agent, opendart-agent)를 하나의 메시지에서 동시에 호출해 병렬로 데이터를 모으고, CoinInfo는 메인 대화에서 직접 호출해 보완했다.

1-5. 정리해서 보고서 작성

취합한 정보를 목적에 맞는 문서(Word/PDF/마크다운 등)로 정리하는 단계.

• 예시 프롬프트: "방금 정리한 내용을 워드 보고서로 만들어줘. 제목, 요약, 상세 내용, 참고자료 순서로"
• 실전 사례: docx-js로 Executive Summary·한국증시·기업 심층분석·미국/해외증시·암호화폐·거시경제 변수·종합전망·오늘의 공시까지 8개 섹션으로 구성된 보고서를 생성했다.

1-6. 요약본을 카톡으로 전송

• 예시 프롬프트: "방금 만든 보고서를 3줄로 요약해서 카톡으로 보내줘"
• 실전 사례: 한국증시 / 삼성전자 / SK하이닉스 / 종합전망 / 미국증시 / 암호화폐, 이렇게 6개 주제로 나눠 요약 메시지를 각각 전송했다. 긴 보고서를 하나로 뭉쳐 보내는 것보다 주제별로 쪼개 보내면 카톡에서 읽기 훨씬 편하다.

1-7. 플러그인 패키징과 스케줄 자동화

• 지금까지 만든 워크플로우(커넥터 조합 + 스킬 + 서브에이전트)를 하나의 플러그인으로 묶어두면, 다음에는 매번 설명하지 않아도 이름만 불러서 재사용할 수 있다.
• 예시 프롬프트: "이 작업을 매일 아침 8시에 자동으로 실행해줘"
• 매일/매주 반복, 또는 "1시간 뒤에 한 번만" 같은 단발성 예약 모두 가능하다.

2. 클로드 Cowork 라이브 아티팩트 실습

라이브 아티팩트는 한 번 만들어두면 열 때마다 최신 데이터를 다시 불러오는 페이지다. 매번 새로 물어볼 필요 없이 새로고침 버튼만 누르면 된다.

2-1. 커넥터 조사

먼저 연결된 MCP 커넥터 중 실시간 데이터를 다루는 것들을 확인한다(CoinInfo, UsStockInfo, opendart, NaverSearch 등).

2-2. 요구사항 확정과 사전 검증(Probe)

만들고 싶은 아티팩트의 주제를 먼저 정하고, 코딩을 시작하기 전에 사용할 MCP 도구들을 채팅에서 직접 한 번씩 호출해 응답 구조를 확인한다. 이 단계를 건너뛰면 아티팩트 안에서 데이터 파싱 오류가 나기 쉽다.

2-3. 주식정보 라이브 아티팩트 만들기

• 예시 프롬프트: "삼성전자, SK하이닉스 등 관심 종목과 코스피·코스닥 지수, 관련 뉴스를 보여주는 국내 증시 브리핑을 라이브 아티팩트로 만들어줘"
• 아티팩트 안에서 MCP 도구를 직접 호출하도록 구성하면, 열 때마다 최신 주가·뉴스로 자동 갱신된다.

구현 시 참고할 규칙

• 도메인에 맞는 색상 관례를 적용한다(한국 증시는 상승=빨강, 하락=파랑 — 미국식과 반대이므로 주의)
• MCP 응답은 도구마다 래핑 형태가 다르므로, 여러 형태를 한 번에 처리하는 재귀 파서를 만들어두면 편하다
• 동시 호출 수는 연결한 API의 제한에 맞춘다. 수업에서는 작은 묶음으로 요청하고 실패 시 재시도하도록 설계한다
• 차트가 필요하면 Chart.js 같은 승인된 CDN 라이브러리를 사용한다

3. 배포한 웹앱 업데이트

1일차에 만든 웹앱을 실제로 배포하고 운영을 준비하는 단계.

• 파비콘: "이 웹앱에 어울리는 파비콘을 만들어서 적용해줘"
• 애드센스 승인조건: 개인정보처리방침 페이지, 충분한 자체 콘텐츠, 명확한 사이트 목적 등을 점검
• 구글 서치콘솔 / 네이버 서치어드바이저 등록: 소유권 확인 후 사이트맵 제출

오늘 실습 팁

• MCP를 여러 개 연결할 때는 한 번에 하나씩 테스트해보고 잘 동작하는지 확인한 다음 조합하는 게 안전하다.
• 라이브 아티팩트는 실제 데이터 구조를 먼저 확인하고 만들어야 오류가 적다.
• 웹 크롤링은 사이트 구조가 자주 바뀔 수 있으므로, 결과가 이상하면 크롤러 코드를 다시 확인해달라고 요청하자.

오늘의 실습 산출물

• 시장분석 자동화 플러그인
• 라이브 대시보드 아티팩트
• 웹 크롤링 수집 결과(엑셀) 및 리뷰 인사이트 대시보드

관련 노트

• 1일차 강의노트
• 3일차 강의노트

실습 검증과 문제 해결

수집 결과와 원문 대조

• 직접 해볼 일: 허용된 공개 자료 3건만 골라 제목·날짜·출처 URL을 표로 만든다.
• 예상 결과와 판정 기준: 세 행 모두 원문 링크가 열리고 날짜가 일치해야 한다. 가져오지 못한 항목은 추측하지 않고 미확인으로 남긴다.
• 오류를 좁히는 방법: 페이지 나눔이나 중복 기사 때문에 수가 부풀 수 있다. URL 기준 중복 제거 전후 수를 비교하고, 외부 전송은 수신자를 확인한 뒤 실행한다.

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

자료 업데이트 안내

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

• MCP 공식 소개
• 강의 내용 문의 및 오류 신고: 라인블록