Fetch MCP 서버

“Fetch” MCP 서버는 무엇을 하나요?

Fetch MCP 서버는 HTML, JSON, 일반 텍스트, Markdown 등 다양한 형식의 웹 콘텐츠를 가져오기 위해 설계된 유연한 Model Context Protocol(MCP) 서버입니다. AI 어시스턴트와 외부 웹 리소스 간의 다리 역할을 하여, Fetch MCP는 AI 기반 애플리케이션이 필요에 따라 웹 데이터를 수집 및 변환할 수 있도록 합니다. 이를 통해 개발자와 AI 에이전트는 데이터 추출, 콘텐츠 요약, 추가 가공 등 워크플로우에 동적인 웹 콘텐츠를 통합할 수 있습니다. 이 서버는 커스텀 요청 헤더를 지원하고, 최신 fetch API를 활용하며, 웹 데이터 파싱 및 변환 도구를 제공하여 실시간 온라인 정보 접근이 필요한 작업에 매우 유용한 자산이 됩니다.

프롬프트 목록

저장소에 프롬프트 템플릿이 명시되어 있지 않습니다.

리소스 목록

• Fetch MCP 서버는 영구적인 자원을 제공하지 않습니다. 필요할 때마다 웹 콘텐츠를 수집 및 변환하도록 설계되었습니다.

도구 목록

• fetch_html
  웹사이트를 수집하여 HTML 형식으로 반환합니다.
  입력: url(필수), headers(선택).
  출력: 웹페이지의 원시 HTML 콘텐츠.

• fetch_json
  URL에서 JSON 파일을 수집합니다.
  입력: url(필수), headers(선택).
  출력: 파싱된 JSON 콘텐츠.

• fetch_txt
  웹사이트를 수집하여 일반 텍스트(HTML 제외)로 반환합니다.
  입력: url(필수), headers(선택).
  출력: HTML 태그, 스크립트, 스타일이 제거된 일반 텍스트.

• fetch_markdown
  웹사이트를 수집하여 Markdown 형식으로 반환합니다.
  입력: url(필수), headers(선택).
  출력: Markdown 형식으로 변환된 웹페이지 콘텐츠.

이 MCP 서버의 활용 사례

• 웹 콘텐츠 추출
  공개 웹사이트에서 HTML, JSON 또는 일반 텍스트를 수집하여 AI 에이전트가 추가 분석이나 요약에 활용할 수 있습니다.

• 콘텐츠 변환
  웹사이트 콘텐츠를 Markdown이나 일반 텍스트로 변환하여 필기·문서화 도구에 쉽게 통합하거나 활용할 수 있습니다.

• API 데이터 수집
  공개 API로부터 구조화된 데이터를(JSON 형식) 수집해 워크플로우, 대시보드, LLM 기반 앱의 컨텍스트로 활용할 수 있습니다.

• 맞춤형 데이터 수집
  인증 등 특정 헤더가 필요한 엔드포인트 접근을 위해 커스텀 헤더를 제공, 고급 데이터 수집 시나리오를 지원합니다.

• AI 에이전트용 콘텐츠 파싱
  AI 어시스턴트가 대화, 연구, 자동화 중 실시간 웹 콘텐츠를 파싱·활용할 수 있도록 지원합니다.

설치 방법

Windsurf

1. 시스템에 Node.js가 설치되어 있는지 확인하세요.
2. Fetch MCP 저장소를 클론하고 종속성을 설치하세요(npm install).
3. npm run build로 서버를 빌드하세요.
4. Windsurf 설정 파일에 아래 내용을 추가하세요:

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

5. Windsurf를 재시작하고 MCP 서버가 실행 중인지 확인하세요.

API 키 보안

필요시 환경 변수를 아래와 같이 추가하세요:

{
  "mcpServers": {
    "fetch": {
      "command": "node",
      "args": ["{ABSOLUTE PATH TO FILE HERE}/dist/index.js"],
      "env": {
        "API_KEY": "${FETCH_API_KEY}"
      },
      "inputs": {
        "api_key": "${FETCH_API_KEY}"
      }
    }
  }
}

Claude

1. Node.js가 설치되어 있는지 확인하세요.
2. 저장소 설정 단계(클론, 설치, 빌드)를 따르세요.
3. Claude의 MCP 설정을 수정하세요:

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

4. 파일을 저장하고 Claude를 재시작하세요.
5. Fetch MCP 서버가 사용 가능한지 확인하세요.

API 키 보안

JSON 예시는 Windsurf 섹션을 참조하세요.

Cursor

1. Node.js를 설치하세요.
2. Fetch MCP 서버를 클론 및 빌드하세요(npm install, npm run build).
3. Cursor MCP 설정에 아래를 추가하세요:

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

4. 저장 후 Cursor를 재시작하세요.
5. 연결이 정상적인지 확인하세요.

API 키 보안

환경 변수용 JSON 형식은 위와 동일하게 사용하세요.

Cline

1. Node.js가 설치되어 있는지 확인하세요.
2. Fetch MCP 서버를 클론 및 빌드하세요.
3. Cline MCP를 다음과 같이 설정하세요:

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

4. Cline을 재시작하고 서버가 정상 동작하는지 확인하세요.

API 키 보안

환경 변수 JSON 예시는 위와 동일합니다.

플로우 내에서 이 MCP 사용하는 방법

FlowHunt에서 MCP 사용하기

FlowHunt 워크플로우에 MCP 서버를 통합하려면, 플로우에 MCP 컴포넌트를 추가하고 AI 에이전트에 연결하세요:

MCP 컴포넌트를 클릭해 설정 패널을 엽니다. 시스템 MCP 설정란에 아래와 같은 JSON 형식으로 MCP 서버 정보를 입력하세요:

{
  "fetch": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

설정이 완료되면 AI 에이전트는 MCP의 모든 기능과 역량을 도구로 사용할 수 있습니다. “fetch"를 실제 MCP 서버 이름으로, URL을 본인의 MCP 서버 주소로 변경하는 것을 잊지 마세요.

개요

Fetch MCP 서버의 평가는 7/10점입니다. 실용적이고 명확한 문서와 올바른 라이선스, 다양한 유용한 도구를 제공하지만, 프롬프트 템플릿, 영구 리소스, 루트나 샘플링 지원 정보가 부족합니다.

MCP 점수