AI 지원 통합

AI 코딩 어시스턴트를 사용하여 프로젝트에 Pushwoosh React Native 플러그인을 통합하고 구성하세요. 어시스턴트를 Context7 MCP 서버에 연결하면 최신 플러그인 문서, 코드 예제 및 API 레퍼런스에 액세스할 수 있어 정확하고 작동하는 통합 코드를 생성할 수 있습니다.

작동 방식

Context7 은 AI 어시스턴트에게 최신 라이브러리 문서를 제공하는 MCP 서버입니다. 어시스턴트가 Context7 에 액세스하면, 잠재적으로 오래된 학습 데이터에 의존하는 대신 대화 중에 최신 Pushwoosh React Native 플러그인 문서, 코드 스니펫 및 API 레퍼런스를 직접 가져올 수 있습니다.

Context7 에서의 Pushwoosh React Native 플러그인 라이브러리 ID: /pushwoosh/pushwoosh-react-native-plugin

Context7 설정하기

AI 어시스턴트의 MCP 구성에 Context7을 추가하세요:

Claude Code
Cursor / Windsurf

다음 명령어를 실행하세요:

claude mcp add --scope user context7 -- npx -y @upstash/context7-mcp --api-key YOUR_API_KEY

MCP 구성 파일(.cursor/mcp.json 또는 이에 상응하는 파일)에 추가하세요:

{
  "mcpServers": {
    "context7": {
      "command": "npx",
      "args": ["-y", "@upstash/context7-mcp@latest"]
    }
  }
}

예시 프롬프트

Context7 이 구성되면, 자연어 프롬프트를 사용하여 플러그인을 통합할 수 있습니다. 아래는 일반적인 작업을 위한 바로 사용할 수 있는 프롬프트입니다.

기본 플러그인 통합

Pushwoosh React Native 플러그인을 제 React Native 프로젝트에 통합해 주세요.

요구사항:
- npm을 통해 pushwoosh-react-native-plugin 설치
- App 컴포넌트에서 제 App ID로 Pushwoosh 초기화
- 푸시 알림 등록 및 pushReceived, pushOpened 이벤트 처리

Context7 MCP를 사용하여 Pushwoosh React Native 플러그인 문서를 가져오세요.

푸시 알림 처리

Pushwoosh React Native 플러그인으로 푸시 알림 콜백(수신, 열기)을 처리하는 방법을 보여주세요. 푸시 페이로드 데이터를 처리하고 사용자 지정 데이터를 기반으로 특정 화면으로 이동하고 싶습니다.

Context7 MCP를 사용하여 푸시 이벤트 처리에 대한 Pushwoosh React Native 플러그인 문서를 가져오세요.

태그를 이용한 사용자 세분화

React Native 앱에서 사용자 세분화를 위해 Pushwoosh 태그를 사용하는 방법을 보여주세요.
태그 설정, 태그 가져오기, 그리고 교차 기기 추적을 위한 사용자 ID 설정이 필요합니다.

Context7 MCP를 사용하여 setTags 및 getTags에 대한 Pushwoosh React Native 플러그인 문서를 가져오세요.

AI 어시스턴트가 얻는 정보

어시스턴트가 Pushwoosh React Native 플러그인에 대해 Context7 에 쿼리하면 다음을 수신합니다:

설치 지침 — npm/yarn 설정 및 플랫폼별 구성
API 레퍼런스 — 공개 메서드, 이벤트 리스너 및 콜백 시그니처
코드 예제 — 일반적인 사용 사례를 위한 JavaScript 및 TypeScript 스니펫
이벤트 문서 — pushReceived, pushOpened 및 딥 링크 이벤트 핸들러
구성 세부 정보 — 초기화 매개변수, iOS 및 Android 설정 단계