@lubycon/react
Advanced tools
+6
-3
@@ -5,3 +5,3 @@ { | ||
| "sideEffects": false, | ||
| "version": "1.7.0", | ||
| "version": "1.7.4", | ||
| "keywords": [ | ||
@@ -15,3 +15,6 @@ "lubycon", | ||
| "publishConfig": { | ||
| "access": "public" | ||
| "access": "public", | ||
| "main": "./dist/index.js", | ||
| "module": "./dist", | ||
| "typings": "./dist/types/index.d.ts" | ||
| }, | ||
@@ -51,3 +54,3 @@ "files": [ | ||
| }, | ||
| "gitHead": "90a963b320e02b79dd0171bae340a1e1d4d91f4e" | ||
| "gitHead": "de81cf3508cdecce1c6e4447971bfec599d72c0c" | ||
| } |
+0
-38
@@ -10,39 +10,1 @@ # @lubycon/react | ||
| ``` | ||
| ## Libraries | ||
| ### Logger | ||
| `Logger` 유틸은 [Firebase](https://firebase.google.com/)/[Google Analytics](https://analytics.google.com/analytics/web/) 통합 버전과 [Amplitude](https://amplitude.com/)를 선택하여 사용할 수 있습니다. | ||
| ```js | ||
| import { logger } from '@lubycon/utils'; | ||
| logger.init({ | ||
| services: { | ||
| firebase: { | ||
| apiKey: '', | ||
| authDomain: '', | ||
| projectId: '', | ||
| storageBucket: '', | ||
| messagingSenderId: '', | ||
| appId: '', | ||
| measurementId: '', | ||
| }, | ||
| amplitude: 'AMPLITUDE_APP_KEY', | ||
| }, | ||
| }); | ||
| ``` | ||
| 초기화 시 `firebase` 설정 값이나 `amplitude` 앱 키를 입력하면 해당하는 서비스의 SDK를 초기화합니다. | ||
| 이후 `logger`가 제공하는 메소드를 사용하여 이벤트 로깅을 하시면 됩니다. | ||
| ```js | ||
| const myLogger = logger.getPageLogger('화면 이름'); | ||
| logger.view(); // 뷰 이벤트 | ||
| logger.click('click_button'); // 클릭 이벤트 | ||
| logger.impression('impression_profile'); // 노출 이벤트 | ||
| logger.event('custom_event_name', 'event_type'); // 커스텀 이벤트 타입 | ||
| ``` |
1716
-36.33%10
-79.17%