React Native

최근 업데이트 2026. 10. 03.

이 가이드에서는 React Native에서 SDK의 기능을 사용하는 방법을 소개합니다.

최신 버전: v3.2.1

업데이트 시간: 2026-05-14

리소스 다운로드: 소스 코드

주의

이 문서는 v3.0.0 이상 버전에 적용됩니다. 과거 버전은 ReactNative 연동 가이드(V2)를 참고하십시오.

1. SDK 통합

react-native-thinking-data는 자동 통합과 수동 통합 두 가지 방법을 제공하며, 자동 통합을 권장합니다

1.1 자동 통합

package.json 파일에 react-native-thinking-data를 추가합니다

"dependencies": {    
    "react-native-thinking-data": "3.2.1"
}

2. SDK 초기화

다음은 SDK 초기화 예시 코드입니다.

import TDAnalytics,{TDAutoTrackEventType} from "react-native-thinking-data";
TDAnalytics.init({ 
    appId: "xxx",
    serverUrl: "https://xxx"
});

파라미터 설명:

• appId: 프로젝트의 APPID로, AE 백엔드의 프로젝트 관리 페이지에서 확인할 수 있습니다

• serverUrl: 데이터 전송 URL

  • 클라우드 서비스를 사용하는 경우 다음을 입력합니다: https://global-receiver-ta.thinkingdata.cn
  • 프라이빗 배포 버전을 사용하는 경우 데이터 수집 주소에 도메인을 바인딩하고 HTTPS 인증서를 설정하십시오: https://데이터 수집 주소에 바인딩한 도메인

Android 9.0+에서는 기본적으로 HTTP 요청이 제한되므로 반드시 HTTPS 프로토콜을 사용하십시오

3. 자주 사용하는 기능

자주 사용하는 기능을 사용하기 전에 먼저 유저 식별 규칙을 이해하는 것을 권장합니다. SDK는 기본적으로 난수를 생성하여 게스트 ID로 사용하고, 게스트 ID를 로컬에 영구 저장합니다. 유저가 로그인하기 전에는 게스트 ID가 신원 식별 ID로 사용됩니다. 참고: 게스트 ID는 유저가 앱을 재설치하거나 디바이스를 변경하면 바뀝니다.

3.1 계정 ID 설정

유저가 로그인할 때 login을 호출하여 유저의 계정 ID를 설정할 수 있습니다. AE 플랫폼은 계정 ID를 신원 식별 ID로 사용하며, 설정한 계정 ID는 logout을 호출하기 전까지 계속 유지됩니다. login을 여러 번 호출하면 이전 계정 ID를 덮어씁니다.

TDAnalytics.login("TA")

login은 여러 번 호출할 수 있습니다. 호출할 때마다 전달된 계정 ID가 이전에 저장된 ID와 같은지 확인하여, 같으면 호출을 무시하고 다르면 이전 ID를 덮어씁니다.

이 메서드는 로그인 이벤트를 전송하지 않습니다

3.2 공통 이벤트 속성 설정

공통 이벤트 속성은 모든 이벤트에 포함되는 속성입니다. setSuperProperties를 호출하여 공통 이벤트 속성을 설정할 수 있으며, 이벤트를 보내기 전에 먼저 공통 이벤트 속성을 설정하는 것을 권장합니다. 유저의 회원 등급, 유입 채널 등 일부 중요한 속성은 모든 이벤트에 설정해야 하므로, 이러한 속성은 공통 이벤트 속성으로 설정할 수 있습니다.

TDAnalytics.setSuperProperties({
    'channel': 'ta',//문자열
    'age': 1,//숫자
    'isSuccess': true,//불리언
    'birthday': new Date(),//시간
    'object': {
      'key': 'value'
    },//객체
    'object_arr': [
      { 'key': 'value' }
    ],//객체 그룹
    'arr': ['value']//배열
})

공통 이벤트 속성은 캐시에 저장되므로 앱을 시작할 때마다 호출할 필요가 없습니다. setSuperProperties를 호출하여 이전에 이미 설정한 공통 이벤트 속성을 전송하면 이전 속성을 덮어씁니다.

• Key는 해당 속성의 이름으로 문자열 타입입니다. 영문자로 시작해야 하며 숫자, 영문자, 밑줄 "_"을 포함할 수 있고, 최대 길이는 50자입니다. 대소문자를 구분하지 않으며 AE에서 모두 소문자로 변환합니다
• Value는 해당 속성의 값으로 문자열, 숫자, 불리언, 시간, 객체, 객체 그룹, 배열을 지원합니다

이벤트 속성과 유저 속성의 요구 사항은 공통 이벤트 속성과 같습니다

3.3 자동 수집 활성화

다음 코드 예시는 설치 이벤트, 시작 이벤트, 종료 이벤트의 자동 수집을 활성화합니다. 자동 수집 이벤트를 더 자세히 알아보려면 자동 수집 기능 소개를 참고하십시오

TDAnalytics.enableAutoTrack(TDAutoTrackEventType.APP_START | TDAutoTrackEventType.APP_END | TDAutoTrackEventType.APP_CRASH | TDAutoTrackEventType.APP_INSTALL)

3.4 이벤트 전송

track을 호출하여 이벤트를 전송할 수 있습니다. 앞서 정리한 트래킹 문서에 따라 이벤트 속성과 이벤트 전송 조건을 설정하는 것을 권장합니다. 여기서는 유저가 어떤 상품을 구매하는 경우를 예로 듭니다.

TDAnalytics.track({
    eventName:"product_buy",
    properties:{
    'product_name':'상품명'
    }
})

3.5 유저 속성 설정

일반적인 유저 속성은 userSet을 호출하여 설정할 수 있습니다. 이 인터페이스로 전송한 속성은 원래 속성 값을 덮어쓰며, 이전에 해당 유저 속성이 없었다면 새로 생성하고 타입은 전달된 속성의 타입과 같습니다. 여기서는 사용자 이름 설정을 예로 듭니다:

//이때 username은 TA
TDAnalytics.userSet({ username:"TA"})
//이때 username은 AE
TDAnalytics.userSet({ username:"AE"})

4. 모범 사례

다음 예시 코드에는 위의 모든 작업이 포함되어 있으며, 다음 단계에 따라 사용하는 것을 권장합니다.

import TDAnalytics,{TDAutoTrackEventType} from "react-native-thinking-data";
if (isPrivacyPolicyAccepted) // 유저가 '개인정보 처리방침'에 동의함
{
   //SDK 초기화
   TDAnalytics.init({appId: "xxx",serverUrl: "https://xxx",});
   //자동 수집 활성화
   TDAnalytics.enableAutoTrack(TDAutoTrackEventType.APP_START | TDAutoTrackEventType.APP_END | TDAutoTrackEventType.APP_CRASH | TDAutoTrackEventType.APP_INSTALL)
   //유저가 로그인한 경우 유저의 계정 ID를 고유 식별자로 설정할 수 있습니다
   TDAnalytics.login("TA")
    //공통 이벤트 속성을 설정하면 모든 이벤트에 공통 이벤트 속성이 포함됩니다
   TDAnalytics.setSuperProperties({
     'channel': 'ta',//문자열
     'age': 1,//숫자
     'isSuccess': true,//불리언
     'birthday': new Date(),//시간
     'object': {'key': 'value'},//객체
     'object_arr': [{ 'key': 'value'}],//객체 그룹
    'arr': ['value']//배열
})
   //이벤트 전송
   TDAnalytics.track({
        eventName:"product_buy",
        properties:{
          'product_name':'상품명'
        }
    })  
   //유저 속성 설정
   TDAnalytics.userSet({ username:"TE"})
}