Claude 데스크톱으로 Fetch MCP 서버 사용법

AI가 필요에 따라 웹 콘텐츠를 가져오도록 할 수 있다면 어떨까요? 최근 Claude Desktop을 만지작거리다가 fetch mcp server를 우연히 발견했는데, 정말 판도를 바꾸는 도구입니다! 이 멋진 도구를 사용하면 Claude Desktop이 URL에서 직접 웹 콘텐츠(HTML, JSON, Markdown)를 가져올 수 있어 연구나 자동화에 완벽합니다. 이 튜토리얼에서는 fetch mcp server를 설정하고, Claude Desktop에 연결하고, 손쉽게 콘텐츠를 가져오는 방법을 살펴보겠습니다. 초보자든 숙련된 전문가든, 모든 단계를 함께 진행하겠습니다. 이 흥미로운 설정에 대해 자세히 알아보겠습니다!

💡

시작하기 전에, API 팬들을 위한 환상적인 도구인 Apidog에 대해 간단히 소개합니다! API 테스트 및 디버깅을 간소화하여 fetch mcp server 여정과 훌륭하게 어울립니다. apidog.com에서 확인해 보세요! 이제 이 멋진 프로젝트를 시작해 봅시다…

button

Fetch MCP Server란 무엇인가요?

Fetch MCP server는 웹 콘텐츠를 가져와 HTML, JSON, 일반 텍스트, Markdown과 같은 형식으로 변환하도록 설계된 Model Context Protocol (MCP) 서버입니다. Zach Caceres가 개발하고 GitHub에서 호스팅되는 이 서버는 Anthropic이 개발한(2024년 출시) AI 모델을 외부 도구에 연결하는 오픈 표준인 MCP 생태계의 일부입니다. fetch mcp server를 사용하면 Claude Desktop이 웹 페이지를 검색하고, 데이터를 추출하거나, 즉시 콘텐츠를 변환하여 기본 기능 이상의 능력을 향상시킬 수 있습니다.

Claude에게 "example.com에서 최신 기사를 가져와" 또는 "이 페이지를 Markdown으로 변환해"라고 요청하는 것을 상상해 보세요. 이것이 바로 fetch mcp server의 힘입니다! 가볍고 유연하며 실시간 웹 데이터를 워크플로우에 통합하는 데 완벽합니다. Claude Desktop과 함께 설정하고 실제로 작동하는 모습을 봅시다!

Fetch MCP Server를 위한 환경 설정

Claude Desktop과 함께 fetch mcp server를 위한 시스템을 준비해 봅시다. 간단한 과정이니 바로 시작해 보겠습니다!

1. 필수 조건 확인:

Node.js: Node.js (버전 16 이상)가 설치되어 있어야 합니다. 터미널에서 node --version으로 확인하거나 nodejs.org에서 다운로드하세요.
Claude Desktop: Claude Desktop이 설치되어 있는지 확인하세요 (anthropic.com에서 이용 가능). MCP 지원을 위해서는 유료 플랜(예: Max, Team, Enterprise)이 필요합니다.

2. 프로젝트 폴더 생성:

터미널을 열고 작업 공간을 생성합니다:

mkdir fetch-mcp-project
cd fetch-mcp-project

이 폴더가 fetch mcp server 설정을 위한 중심이 될 것입니다.

이제 fetch mcp server를 설치할 준비가 되었습니다. 다음으로 넘어가겠습니다!

Claude Desktop으로 Fetch MCP Server 설치

이제 fetch mcp server를 설치하고 Claude Desktop에 연결해 봅시다. 단계별 가이드입니다.

1. Fetch MCP Server 저장소 클론:

터미널(fetch-mcp-project 내부)에서 다음을 실행합니다:

git clone https://github.com/zcaceres/fetch-mcp.git
cd fetch-mcp

이렇게 하면 GitHub에서 fetch mcp server의 최신 버전이 다운로드됩니다.

2. 종속성 설치 및 서버 빌드:

필요한 Node.js 패키지를 설정하기 위해 다음을 실행합니다:

npm install

이 명령어는 이미지 처리를 위한 sharp와 같은 종속성을 설치하고 서버가 실행될 준비가 되었는지 확인합니다.
서버를 빌드하기 위해 아래 명령을 실행합니다:

npm run build

3. Claude Desktop 구성:

Claude Desktop 구성 파일을 엽니다. macOS에서는 ~/Library/Application Support/Claude/claude_desktop_config.json에 있습니다. 파일이 없으면 텍스트 편집기로 생성합니다. 또는 Claude 데스크톱 앱에서 직접 > 설정 > 개발자 > 구성 편집으로 이동하여 config.json 파일을 열 수도 있습니다.

fetch mcp server 구성을 추가합니다:

{
  "mcpServers": {
    "fetch": {
      "command": "node",
      "args": ["{ABSOLUTE PATH TO FILE HERE}/dist/index.js"]
    }
  }
}

{ABSOLUTE PATH TO FILE HERE}를 fetch-mcp/dist/index.js의 전체 경로로 바꿉니다 (예: /Users/yourname/fetch-mcp-project/fetch-mcp/dist/index.js). fetch-mcp 폴더 내 터미널에서 pwd를 실행하여 이 경로를 찾을 수 있습니다.

4. Fetch MCP Server 실행:

터미널에서 fetch-mcp 폴더로 이동하여 서버를 시작합니다:

npm start

# Alternativly you could use:
node dist/index.js

"Fetch MCP Server running on stdio" 또는 이와 유사한 출력이 표시되어 서버가 활성 상태임을 나타내야 합니다. Claude Desktop을 사용하는 동안 이 터미널을 열어 두세요.

5. 연결 확인:

Claude Desktop을 열고 MCP 설정(프로필 메뉴 아래)으로 이동하여 사용 가능한 서버 목록에 "fetch"가 녹색 표시기와 함께 나타나는지 확인합니다. 그렇지 않다면 claude_desktop_config.json의 경로를 다시 확인하거나 서버가 실행 중인지 확인하세요.

이제 fetch mcp server가 Claude Desktop에 연결되었습니다. 잘하셨습니다! 이제 테스트해 봅시다.

Claude Desktop으로 Fetch MCP Server 사용하기

Claude Desktop으로 웹 콘텐츠를 가져와 fetch mcp server를 활용해 봅시다.

1. 기본 웹 가져오기 테스트 (예: 콘텐츠 요약):

Claude Desktop의 채팅에 다음을 입력합니다: "fetch 도구를 사용하여 https://example.com에서 콘텐츠를 가져와."
Claude는 fetch mcp server를 사용하여 페이지를 검색하고 텍스트로 반환합니다. 다음과 같은 메시지가 표시될 수 있습니다: "https://example.com에서 콘텐츠를 가져왔습니다."
실패하면 서버가 실행 중인지, URL이 유효한지 확인하세요.
참고: Claude가 채팅에서 MCP 도구를 사용하기 전에 항상 확인 메시지가 표시됩니다.

2. 가져오고 Markdown으로 변환:

다음을 시도해 보세요: "https://example.com을 가져와서 Markdown으로 변환해."
Fetch mcp server는 페이지를 처리하고 문서화 또는 분석에 완벽한 깨끗한 Markdown 버전을 반환합니다. Claude는 다음과 같이 응답할 수 있습니다: "https://example.com을 Markdown으로 변환했습니다: [Markdown 콘텐츠]."
이는 기사를 읽기 쉬운 메모로 바꾸는 데 유용합니다!

이는 fetch mcp server로 가능성의 세계를 열어줍니다. 더 많은 것을 탐험해 봅시다!

Fetch MCP Server의 고급 기능 탐색

fetch mcp server에는 기본적인 가져오기 기능 외에도 더 많은 기능이 있습니다. Claude Desktop으로 더 깊이 파고드는 방법은 다음과 같습니다.

1. 가져오기 요청 사용자 정의:

다음과 같은 매개변수를 추가합니다: "https://example.com을 최대 길이 500자로 가져와."
이는 긴 페이지의 출력을 제한하는 데 유용합니다. ignoreRobotsTxt와 같은 더 많은 구성 옵션은 GitHub 저장소를 확인하세요.

2. 워크플로우와 통합:

다른 MCP 서버(예: Notion 서버)와 결합하여 요청합니다: "https://example.com을 가져와서 Markdown을 Notion에 저장해."
Claude는 구성된 경우 도구를 연결하여 작업을 간소화할 수 있습니다.

3. 디버깅 팁:

Claude가 연결할 수 없는 경우, 서버 경로가 올바른지 확인하거나 --debug 옵션과 함께 node dist/index.js를 실행하여 더 많은 로그를 확인해 보세요.

이러한 기능들은 fetch mcp server를 Claude Desktop 설정에 다재다능한 도구로 만듭니다!

Fetch MCP Server 마스터를 위한 팁

Claude Desktop으로 fetch mcp server를 최대한 활용하려면:

경로 확인: 연결 문제를 피하기 위해 claude_desktop_config.json의 절대 경로를 다시 확인하세요.
기능 활성화: 시각적 콘텐츠를 위해 enableFetchImages를 실험해 보세요. Claude 사용자에게는 이 기능이 제공됩니다!
서버 실행 상태 유지: 서버가 실행 중인 터미널을 닫지 마세요. 필요한 경우 다시 시작하세요.
GitHub 탐색: fetch-mcp 저장소에는 시도해 볼 수 있는 업데이트와 예제가 있습니다.

Fetch MCP Server 사용 경험

Claude Desktop과 함께 fetch mcp server를 사용하는 것은 정말 즐거웠습니다! 웹 페이지를 가져와 Markdown으로 변환하는 것은 엄청난 시간을 절약해 주었습니다. 경로를 제대로 설정하자 설정 과정은 순조로웠지만, 몇 번 조정해야 했습니다. 문제가 발생하면 서버 상태를 확인하거나 GitHub 이슈를 확인하여 도움을 받으세요.

마무리: Fetch MCP Server 여정

이제 Claude Desktop으로 fetch mcp server를 설정하고 웹 콘텐츠 가져오기의 마법을 경험했습니다! 페이지를 가져오는 것부터 Markdown이나 이미지로 변환하는 것까지, 이제 AI 워크플로우를 강화할 준비가 되었습니다. 좋아하는 사이트를 가져오거나 작업을 자동화해보고 성과를 공유하세요! 더 많은 정보는 GitHub 저장소를 확인하고, API의 좋은 점을 위해 apidog.com에 들르는 것을 잊지 마세요. Postman의 더 나은 대안입니다!

button