이 MCP는 소스 파일에서 문자열 리터럴, 중첩된 객체 및 SVG 구성 요소를 추출하여 JSON 또는 SVG 파일로 변환하여 관리 및 로컬화 를 용이하게 합니다.
추가 날짜：
작성자：
Feb 27 2025
추천
Model Context Protocol Data Extractor란?
MCP Data Extractor는 TypeScript 및 JavaScript 파일을 스캔하여 i18n 번역, 키/값 구성 및 SVG 구성 요소와 같은 내장 데이터를 추출합니다. 점 표기법을 사용하여 계층적 구조를 보존하며 중첩 개체 및 배열을 지원합니다. 추출 후에는 추적을 위해 소스 콘텐츠를 'MIGRATED TO'로 교체합니다. 또한 React 구성 요소에서 SVG를 추출하고 React 전용 코드를 제거합니다. 이 프로세스는 개발 워크플로의 데이터 마이그레이션, 지역화 및 자산 관리를 단순화합니다.
Model Context Protocol Data Extractor을 사용할 사람은?
- 국제화 작업을 하는 개발자
- SVG 자산을 관리하는 프런트엔드 개발자
- 구성 데이터를 마이그레이션하는 코드베이스 유지 관리자
Model Context Protocol Data Extractor 사용 방법은?
- 1단계: MCP 클라이언트 구성에 MCP Data Extractor 플러그인을 추가합니다.
- 2단계: 소스 및 대상 경로로 `extract_data` 도구를 사용하여 i18n 또는 구성 데이터를 추출합니다.
- 3단계: 소스 및 대상 경로로 `extract_svg` 도구를 사용하여 SVG 구성 요소를 추출합니다.
- 4단계: 선택적으로 `DISABLE_SOURCE_REPLACEMENT` 환경 변수를 설정하여 소스 파일 내용 교체를 비활성화합니다.
Model Context Protocol Data Extractor의 핵심 기능 및 장점
핵심 기능
- 문자열 리터럴, 템플릿 리터럴 및 중첩된 객체 추출
- 템플릿 변수를 유지
- 중첩된 배열과 객체 지원
- React 파일에서 SVG 구성 요소 추출
- 추출 후 소스 파일을 'MIGRATED TO'로 교체
장점
- 데이터 localization 및 구성 관리를 단순화
- SVG 자산 추출을 간소화
- 처리된 파일을 추적하는 데 도움
- JSX를 포함한 TypeScript 및 JavaScript 모두 지원
Model Context Protocol Data Extractor의 주요 사용 사례 및 애플리케이션
- 애플리케이션의 국제화 및 로컬화
- React 프로젝트에서 SVG 자산 추출 및 관리
- 더 나은 관리를 위해 구성 데이터를 JSON 파일로 마이그레이션
Model Context Protocol Data Extractor의 자주 묻는 질문
개발자
당신은 또한 좋아할 수 있습니다：
개발자 도구
통합된 진입점을 통해 접근 가능한 여러 MCP 서버를 호스팅하는 Docker 이미지로, supergateway 통합이 포함되어 있습니다.
MCP 서버에 대한 원격 도구 활용을 위한 안전한 프록시 기반 접속을 용이하게 하는 원격 SSH 클라이언트.
AI 에이전트가 2FA 코드 및 비밀번호를 위해 Authenticator 앱과 상호 작용할 수 있도록 하는 안전한 MCP 서버입니다.
연구 및 데이터
Supabase와의 통합을 보여주는 React 애플리케이션, MCP 도구 및 UI 구성 요소 등록을 위한 Tambo를 통해.
웹 검색을 위한 Brave Search API를 통합한 MCP 클라이언트로, 효율적인 통신을 위한 MCP 프로토콜을 활용합니다.
Umbraco CMS와 외부 애플리케이션 간의 원활한 통신을 가능하게 하는 프로토콜 서버.
NOL은 LangChain과 Open Router를 통합하여 Next.js를 사용하여 다중 클라이언트 MCP 서버를 구축합니다.
Claude를 위한 도구 접근을 원활하게 해주는 다수의 MCP 서버와 상호작용할 수 있는 오픈 소스 클라이언트입니다.
파일 시스템
AI 에이전트가 PDF 파일을 안전하게 읽고 Node.js/TypeScript를 통해 텍스트, 메타데이터 및 페이지 수를 추출할 수 있도록 합니다.
AI 에이전트를 위한 안전하고 상대적인 파일 시스템 접근을 제공하며, 배치 작업과 세부적인 오류 보고를 지원합니다.
Node.js 서버를 통해 Cline 및 Claude와 같은 AI 에이전트에 안전한 상대 파일 시스템 액세스를 제공합니다.