Sign In

@lubycon/react

Package Overview
Dependencies
Maintainers
1
Versions
109
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@lubycon/react - npm Package Compare versions

Comparing version
1.7.0
to
1.7.4
+6
-3
package.json

@@ -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"
}

@@ -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'); // 커스텀 이벤트 타입
```