[00:00]
안녕하세요, 저는 Mike입니다.
[00:00]
오늘은 AI 분야의 매우 특별한 것을 다뤄보겠습니다.
[00:04]
MCP, 즉 Model Context Protocol에 대해 알아보겠습니다.
[00:07]
이 영상에서는 쉬운 것부터 어려운 것까지
[00:10]
총 여섯 가지 예제를 보여드리겠습니다.
[00:13]
예를 들어, 컴퓨터의 파일을 읽고,
[00:15]
인터넷에 연결하고, 모든 것을 기억하는 등 훨씬 더 많은 일을 할 수 있죠.
[00:19]
MCP는 모든 AI가 정보를 요청하고
[00:22]
작업을 수행할 수 있는 공통 언어입니다.
[00:25]
하나의 프로토콜로 모든 것을 다스리는 거죠.
[00:28]
네, 반지의 제왕 팬 여러분, 제가 정말 그 표현을 썼습니다.
[00:32]
자, 이제 MCP가 무엇이고 왜 필요한지 아셨을 겁니다.
[00:34]
이제 어떻게 사용하는지 살펴보겠습니다.
[00:35]
아래에 링크를 달아두었고, 참고로
[00:39]
제 커뮤니티의 프리미엄 영역에서
[00:42]
더 자세한 튜토리얼을 확인하실 수 있습니다.
[00:44]
우리는 이것보다 더 간단한 것부터 시작해보겠습니다.
[00:48]
MCP 인스톨러를 설치할 건데, Claude 안에서 진행하겠습니다.
[00:52]
Claude에 이것 하나만 설치하면, 다른 MCP 서버를
[00:56]
다시 설치할 필요가 없습니다.
[00:58]
일부 설치 과정이 꽤 복잡할 수 있는데,
[01:00]
AI가 어려운 작업을 대신해줄 거예요.
[01:02]
먼저 Node가 설치되어 있어야 합니다.
[01:05]
AI에게 물어보면 설치 방법을 정확히 알려줄 거예요.
[01:08]
아주 간단합니다.
[01:08]
그리고 Claude 데스크톱 앱이 필요하고
[01:11]
로그인이 되어 있어야 합니다.
[01:12]
좋습니다, 쉽죠.
[01:13]
제 Mac에서 Claude 설정을 마쳤으니, 이 명령어를 실행하겠습니다.
[01:17]
링크된 노트에서 확인하실 수 있습니다.
[01:19]
그리고 이 파일을 편집할 수 있습니다.
[01:21]
지금은 비어있지만, MCP 인스톨러라고 하는
[01:25]
이 MCP 서버를 복사해서 붙여넣을 겁니다.
[01:30]
다 됐으면 Control X와 Y를 눌러 종료합니다.
[01:34]
아직 도구가 활성화되지는 않았습니다.
[01:37]
Claude 데스크톱을 재시작하면 첫 번째 MCP 도구를 볼 수 있습니다.
[01:41]
자, 이제 미묘한 차이가 보이실 겁니다.
[01:44]
네, 이제 두 개의 MCP 도구를 사용할 수 있네요.
[01:47]
클릭해보면
[01:48]
로컬 MCP 서버나 저장소 MCP 서버를 설치할 수 있습니다.
[01:52]
첫 번째 예제로 파일 시스템 MCP 서버를 선택했는데
[01:56]
이는 공식 모델 컨텍스트 프로토콜 GitHub에서 호스팅됩니다.
[01:59]
이를 통해 파일 읽기, 쓰기, 목록 생성, 파일 이동,
[02:03]
파일 검색, 기본적으로 로컬 컴퓨터 하드 드라이브에서 모든 작업이 가능합니다.
[02:08]
꽤 멋지지만 설치 방법이 복잡해 보이네요.
[02:11]
걱정 마세요, Claude로 쉽게 할 수 있습니다.
[02:13]
원하는 MCP 서버의 특정 이름만
[02:16]
복사하면 됩니다.
[02:17]
Claude에 가서 'install'이라고 입력하고 원하는 MCP 서버 이름을
[02:22]
붙여넣기만 하면 됩니다.
[02:22]
Claude가 잠시 생각한 뒤, 첫 번째 MCP 도구인
[02:25]
MCP 인스톨러를 실행하라고 할 겁니다.
[02:29]
당연히 허용하겠습니다. 먼저 어떤 작업을 할지 확인할 수 있고
[02:32]
네, 파일 시스템 서버를 설치할 겁니다.
[02:35]
한 번 허용하면 잠시 후에 설치가 완료될 겁니다.
[02:40]
정말 쉽죠. 성공적으로 설치되었다고 하네요.
[02:43]
이제 앱을 재시작하면 사용할 수 있습니다.
[02:45]
Claude 데스크톱을 재시작할 때마다
[02:48]
이제 Claude 안에서 파일 시스템을 사용할 수 있게 됩니다.
[02:53]
그런데 뭔가 보이시나요?
[02:53]
잠시 후에 Claude가 새로고침되었습니다.
[02:55]
보세요, 13개의 도구를 사용할 수 있게 되었네요.
[02:57]
제 컴퓨터 하드 드라이브에서 정말 많은 작업을 할 수 있습니다.
[03:00]
이 정도 기능에 정말 놀랐어요.
[03:02]
이제 다운로드 폴더를 살펴보도록 해볼까요
[03:08]
폴더 안에 있는 각 항목들을 설명해보세요.
[03:14]
여기 보세요.
[03:15]
다운로드 폴더에 있는 모든 항목에 대한 설명이 있습니다.
[03:17]
정확한지 확인하기 위해 여기로 올려볼게요.
[03:19]
정확해 보이네요. 보세요.
[03:22]
다운로드 폴더 안에 있는 모든 것이
[03:24]
숨겨진 파일들까지 전부 포함되어 있습니다.
[03:28]
지금까지 본 내용이 마음에 드신다면, 좋아요와 구독 부탁드립니다.
[03:31]
이런 영상을 매주 업로드하고 있습니다.
[03:33]
이제 다른 MCP 서버를 설치해보겠습니다.
[03:35]
이번에는 puppeteer MCP 서버를 설치해보겠습니다.
[03:39]
부탁드립니다.
[03:41]
Claude가 맥락을 이해하길 바랍니다.
[03:43]
저장소 주소나 공개 URL을 입력할 필요도 없죠.
[03:46]
알아서 찾아서 설치해줄 거예요.
[03:48]
이제 20개의 도구를 사용할 수 있게 되었는데
[03:52]
puppeteer가 보이실 텐데요, 이를 통해 클릭, 입력
[03:56]
보기, 호버링 등 다양한 멋진
[03:58]
웹사이트 작업을 할 수 있습니다.
[04:01]
puppeteer로 휴가 예약도 할 수 있죠.
[04:03]
기본적으로 브라우저를 원격 제어하는 도구입니다.
[04:06]
하지만 지금은 아주 간단하게 사용해볼게요.
[04:08]
이 웹사이트를 방문하고 요약해보도록 하겠습니다.
[04:11]
여기서 Claude가 링크에 접근할 수 없다고 나오지만
[04:16]
MCP를 사용하면 가능합니다.
[04:20]
puppeteer MCP를 추가했으니 이 프롬프트를 실행할 수 있을 거예요.
[04:24]
잠시 후면 웹사이트를 분석한 결과가 나올 겁니다.
[04:27]
허용하면 웹사이트를 방문합니다. 보세요.
[04:30]
스크린샷을 찍으려고 하네요. 이제 완료됐습니다.
[04:33]
여기 보세요.
[04:34]
웹사이트의 모든 내용이 Claude에 의해
[04:37]
정말 정확하게 요약되었습니다.
[04:40]
이건 Claude가 웹 브라우저에 접근할 수 있게 된
[04:44]
놀라운 MCP 덕분입니다.
[04:47]
이게 다가 아닙니다.
[04:48]
YouTube MCP 서버를 찾았으니, 이것도 설치해보죠
[04:52]
Claude가 설치하도록 하겠습니다.
[04:55]
설치가 완료되면, 제 다른 YouTube 채널의
[04:57]
최신 동영상을 가져올 수 있습니다.
[04:59]
해당 동영상의 URL을 복사하고
[05:01]
Claude에 붙여넣기 하겠습니다.
[05:02]
Claude가 링크에 접근할 수 없다고 하지만
[05:06]
이 동영상에 대해 설명해달라고 해보죠.
[05:10]
이제 동영상의 내용을 가져오고 있습니다. 보세요.
[05:13]
정확하네요.
[05:14]
NotebookLM과 Wondercraft 팟캐스트 향상 비디오에 대해 설명하고 있습니다.
[05:19]
정말 좋은 영상이에요.
[05:20]
NotebookLM을 사용해 인터넷 콘텐츠를 요약하고,
[05:24]
팟캐스트로 만든 다음, Wondercraft로
[05:28]
오디오를 편집하고 심지어 스크립트의 음성도 변경할 수 있죠.
[05:32]
정말 많은 것을 할 수 있습니다.
[05:33]
이 영상이 보고 싶으시다면, Wondercraft와 협력해서 만들었어요.
[05:36]
정말 좋은 AI 도구니까, 아래 링크를 확인해보세요.
[05:39]
좋습니다.
[05:39]
이제 Cursor를 사용한 더 고급 MCP 서버 사용 사례로 넘어가보죠.
[05:43]
제 AI 노코드 도구입니다.
[05:45]
MCP 예제 디렉토리를 열어보도록 하겠습니다.
[05:48]
오른쪽 상단에 있는 설정 아이콘을 클릭하기만 하면 됩니다.
[05:52]
그리고 MCP를 선택하세요.
[05:53]
그런 다음 첫 번째 MCP 서버를 추가할 수 있습니다.
[05:57]
이제 Brave 검색부터 시작해보겠습니다.
[06:01]
여기 이름에 'brave'를 입력하겠습니다.
[06:03]
타입은 command로 그대로 두겠습니다.
[06:05]
이제 실행할 명령어를 입력해야 하는데,
[06:08]
이 명령어는 제 커뮤니티 링크에서 찾을 수 있습니다.
[06:11]
참고로, Brave Search API에 아직 가입하지 않으셨다면 꼭 가입하세요.
[06:14]
매월 2000개의 무료 쿼리를 제공받을 수 있어서
[06:17]
여러분의 개발 도구 모음에 꼭 필요한 도구입니다.
[06:21]
명령어는 매우 간단합니다. '추가'를 클릭하면 됩니다.
[06:23]
보세요, Brave 그린라이트, Brave 웹 검색, Brave 로컬 검색이 생겼습니다.
[06:27]
이제 Cursor 내에서 작업해보겠습니다.
[06:29]
Cursor 안에서 정말 대단한 작업을 해볼 텐데요
[06:32]
Cursor 채팅에서는 생각할 수 있는 거의 모든 것을 만들 수 있는 강력한 도구이기 때문입니다.
[06:36]
Cursor 채팅에서
[06:37]
MCP에 대한 정보를 검색하고
[06:41]
최고의 서버들을 나열하는 디렉토리를 만들어달라고 요청해보겠습니다.
[06:44]
그리고 항상 보기 좋게 만들어달라고 부탁할게요.
[06:50]
자, 엔터를 누르고 Claude 3.7 Sonnet이 작업하는 것을 보시죠. 바로
[06:54]
보세요!
[06:55]
Brave 웹 검색 MCP 도구를 호출하고 있고, 열어보면
[06:58]
MCP 서비스와 정보를 검색하고 있는 것을 확인할 수 있습니다.
[07:01]
도구를 실행해보겠습니다.
[07:03]
이제 Cursor가 디렉토리를 만들 때 인터넷에 접속할 수 있게 되었습니다.
[07:07]
보시다시피 한 번의 검색으로 끝나지 않았습니다.
[07:09]
다른 검색을 요청하고 있네요.
[07:11]
열어보면 확인할 수 있습니다.
[07:12]
네, '최고의 MCP 서비스'를 검색하고 있습니다.
[07:14]
그리고 또 검색하고 있네요.
[07:15]
시간이 좀 걸리는 이유는 완벽한 디렉토리를 만들기 위해
[07:19]
필요한 모든 정보를 찾을 때까지 여러 번 검색하기 때문입니다.
[07:22]
보시면 HTML 페이지를 코딩하고 있습니다.
[07:25]
이제 저도 MCP 서버 디렉토리 웹사이트를 시작하는 그룹의 일원이 될 수 있겠네요.
[07:29]
좋습니다. 완성됐네요.
[07:30]
웹 브라우저를 끌어다 놓고
[07:31]
웹 페이지를 드래그 앤 드롭하면 상위 MCP 서비스 디렉토리가 보입니다.
[07:36]
MCP가 무엇인가요?
[07:37]
Amazon, Google, Airtable 등이 여기 나열되어 있네요.
[07:41]
링크를 클릭하면
[07:43]
바로 해당 페이지로 이동하는데,
[07:45]
네, Amazon Web Services의 샘플 MCP 서버 페이지네요.
[07:48]
정말 멋지지 않나요?
[07:49]
트렌드에 동참하고 싶다면, 자 여기 있습니다.
[07:52]
정말 이렇게 쉽게 할 수 있죠.
[07:53]
지금까지 보신 내용이 마음에 드셨다면 좋아요와 구독 부탁드립니다.
[07:56]
매주 이런 영상을 올리고 있습니다.
[07:57]
다음으로는 Cursor 안에 Puppeteer를 설치해보겠습니다.
[08:00]
정확히 어떻게 하는지 보여드리겠습니다.
[08:02]
MPC 설명서로 이동해서
[08:04]
커뮤니티 링크에서 더 자세히 설명해드리겠지만,
[08:08]
여기 있는 서버 이름을 복사하기만 하면 됩니다.
[08:11]
Cursor로 돌아가서,
[08:12]
이 채팅창을 닫고 설정의 MCP 탭을 더 자세히 보겠습니다.
[08:17]
새 서버를 추가하겠습니다.
[08:18]
이번에는 'puppet'이라고 부르겠습니다.
[08:21]
이렇게요.
[08:22]
명령어는 npm -y를 입력하고 서버가 있는 위치의 이름을 입력합니다.
[08:29]
model-context-protocol/server-puppeteer를 입력하고 추가를 클릭합니다.
[08:34]
잠시 후 초록색으로 변합니다.
[08:35]
네, 여기 아래에 Puppeteer가 설치되었습니다.
[08:38]
보시다시피 인터넷을 통해 수행할 수 있는 다양한 동작들이 있습니다.
[08:42]
이것을 한번 테스트해보겠습니다.
[08:44]
에이전트가 혼란스러워하지 않도록
[08:46]
지금 Brave 브라우저를 제거하고 Puppeteer만 사용하도록 하겠습니다.
[08:51]
그리고 Cursor에서 채팅을 열어보겠습니다.
[08:53]
그리고 간단히 'Hacker News 사이트를 복제해줘'라고 입력하겠습니다.
[08:56]
어떻게 되는지 기다려보겠습니다.
[08:58]
벌써 복제를 시작한다고 하네요. Puppeteer Navigate 도구를
[09:01]
사용해서 사이트를 살펴보고 있습니다.
[09:05]
모델의 메모리에 있는 정보만 사용하는 게 아니라
[09:08]
실제로 사이트를 확인하면서 복제를 진행하고 있습니다.
[09:11]
웹사이트를 열고 Hacker News를 살펴보고 있네요.
[09:13]
코딩이 진행 중이에요. 이미 인덱스는 완성됐고
[09:16]
지금은 Hacker News 스타일링을 작업 중입니다.
[09:19]
스타일링이 끝나고 이제 완료된 것 같네요.
[09:21]
네, 모든 것이 준비됐다고 하니 변경사항을 수락하겠습니다.
[09:25]
검토할 필요는 없을 것 같네요.
[09:26]
웹 브라우저를 열고 인덱스 파일을 드래그해보겠습니다.
[09:31]
와, 이걸 보세요.
[09:32]
실제로 Hacker News와 거의 똑같아 보이네요.
[09:36]
Hacker News의 거의 완벽한 복제본을 만들어냈습니다.
[09:40]
정말 놀랍네요.
[09:42]
참고로, 이게 실제 Hacker News 웹사이트입니다.
[09:46]
그리고 이건 Cursor가 MCP 서버를 사용해서 방금 만든 웹사이트죠.
[09:52]
자, 이제
[09:52]
마지막으로 좀 더 복잡한 것을 해보겠습니다.
[09:55]
꽤 많은 설명이 필요하지만, 자세히 알고 싶으시다면 계속 지켜봐주세요.
[09:59]
이번에는
[10:00]
Qdrant MCP 서버를 설치해보겠습니다.
[10:02]
Qdrant는 기본적으로 데이터를 저장할 수 있는 데이터베이스입니다.
[10:07]
AI에 특히 유용한데, RAG(검색 증강 생성)를 수행할 수 있어서
[10:10]
AI가 질문에 답하기 위해
[10:13]
필요한 정보를 찾아낼 수 있습니다.
[10:16]
실제로 전에 AI Mike를 만들었던 영상을 올린 적이 있는데,
[10:19]
제 커뮤니티를 위해 만든 AI가
[10:22]
제 YouTube 영상의 모든 내용을 기반으로 질문에 답변할 수 있었죠.
[10:26]
자, 시작해보겠습니다.
[10:27]
먼저 필요한 것은
[10:28]
Docker입니다. 반드시 설치해주세요.
[10:31]
거의 모든 시스템에서 쉽게 설치할 수 있고,
[10:33]
백그라운드에서 실행되도록 해주세요.
[10:35]
이를 통해 컴퓨터에서 Docker 컨테이너를 실행할 수 있습니다.
[10:41]
이제 Qdrant를 위한 볼륨을 다음과 같이 생성하겠습니다.
[10:44]
모든 설명은 링크로 제공될 예정이니
[10:47]
전부 기억하실 필요는 없습니다.
[10:48]
이제 이 명령어를 실행해서 매우 안전한
[10:51]
비밀번호를 설정하겠습니다.
[10:52]
물론 여러분의 비밀번호를... 보세요,
[10:54]
완료됐네요.
[10:55]
이제 이 API 호출로 데이터베이스를 생성하겠습니다.
[10:59]
true가 반환됐네요. 완료됐습니다.
[11:00]
마지막으로, 데이터베이스가 제대로 작동하는지
[11:03]
확인하기 위해 ping 테스트를 해보겠습니다.
[11:05]
화면을 지우고 실행해보겠습니다.
[11:07]
네, 상태가 green으로 표시되네요.
[11:09]
이게 필요한 전부입니다.
[11:10]
상태가 green이라는 건 이 간단한 명령어들로
[11:13]
Qdrant 데이터베이스를 설정했고 이제 Qdrant MCP를 사용할 수 있다는 뜻입니다.
[11:17]
Claude가 정보를 저장하고 기억하는 데 사용할 수 있죠.
[11:20]
지금까지 잘 됐네요.
[11:21]
이제 GitHub 레포지토리로 돌아왔습니다.
[11:24]
여기 Claude Desktop에서 사용하는 방법이 정확히 나와있네요.
[11:26]
마지막 서버 뒤에 콤마를 잊지 말고 붙여서 붙여넣겠습니다.
[11:29]
안 그러면 작동하지 않습니다.
[11:31]
저장하고, 자격 증명도 잊지 마세요.
[11:33]
아까 보여드렸던 매우 안전한 비밀번호요.
[11:36]
'your password here'죠.
[11:37]
그리고 제가 즉석에서 만든 컬렉션 이름도 필요합니다.
[11:41]
Qdrant에서 서버도 클론해야 합니다.
[11:44]
여기요.
[11:45]
그리고 이 UV 명령어를 실행합니다.
[11:46]
완료되면 Claude를 재시작하면 됩니다.
[11:48]
제 YouTube 영상의 모든 데이터를 이 데이터베이스에 학습시켰으니 이렇게 물어볼 수 있습니다.
[11:52]
'Mike가 최근 YouTube 영상에서
[11:56]
MCP에 대해 뭐라고 했나요?'
[12:00]
엔터를 누르면 MCP 도구가 호출되고...
[12:03]
여기 답변이 왔네요.
[12:04]
MCP는 샌드박스 AI를 다양한 도구를 사용할 수 있는
[12:08]
시스템으로 변환합니다.
[12:09]
제가 Replicate와 Flux를 시연했고,
[12:13]
VS Code용 Claude AI 확장 프로그램도 보여드렸죠.
[12:18]
MCP에 대해 더 알고 싶으시다면, 다음 주에 Zapier와 함께
[12:22]
Zapier와 MCP를 사용해 Cursor와 모든 것을 연결하는 방법을 보여드릴 예정입니다.
[12:26]
그 영상을 놓치지 마세요.
[12:27]
이 영상이 도움되셨길 바랍니다.
[12:29]
마음에 드셨다면 좋아요와 구독 부탁드립니다. 매주 이런 영상을 제작하고 있으니까요.
[12:34]
MCP 서버 설정에 대한 모든 상세 내용은 제 커뮤니티에서 확인하실 수 있습니다. 링크는 아래에 있습니다.
[12:39]
시청해주셔서 감사합니다.
[12:40]
혹시 MCP에 대한 여러분의 생각이나
[12:43]
현재 관심 있는 부분이 있다면 아래 댓글로 남겨주세요.
[12:46]
시청해주셔서 감사합니다.
[12:48]
다음으로 볼만한 영상을 화면에 띄워두었습니다.