bosalpim-js-lib v1.1.3

Bosalpim-js-lib

보살핌의 js 공용 코드를 담습니다.

작업 방식 및 npm 릴리즈 정책

1. 필요한 개선에 대하여 브랜치를 생성하여 작업을 진행 후 머지합니다.

2. master merge 후 릴리즈를 위해 릴리즈 노트를 작성합니다.

   a. package.json > version으로 타이틀 작성 및 태그를 생성하여 릴리즈 노트를 출시합니다.

   b. 릴리즈 노트를 출시를 진행 시 github Action을 통해 npm publish가 진행됩니다.

(Warning) 릴리즈 실패의 이유는 다양할 수 있으니 해당 github Action 로그를 확인해주세요.

이벤트 로깅

node 환경에서의 이벤트로깅에 이용됩니다.

1. Dependency

• amplitude-js: "8.21.2"

2. 환경 변수 (VERCEL 참고)

NEXT_PUBLIC_AMPLITUDE_KEY: 목표로하는 Amplitude 프로젝트의 키값

3. How To Use?

• src/eventLogger/EventLogger : hook 형태가 아닌 함수에서 사용합니다.
• src/hook/useEventLogging : hook 형태의 함수에서 사용합니다.

마케팅 분석도구 (AnalyticsHOC)

1. Dependency

• next : "13.0.3"
• @sentry/nextjs : "7.19.1"
• react-facebook-pixel : "1.0.4"

2. 환경 변수 (VERCEL 참고)

• NEXT_PUBLIC_GA_KEY: 구글 애널리틱스 프로젝트 키값
• NEXT_PUBLIC_GTM_KEY: 구글 태그 매니저 프로젝트 키값
• NEXT_PUBLIC_GADS_KEY: 구글 애즈 프로젝트 키값
• NEXT_PUBLIC_KAKAO_PIXEL_KEY: 카카오 다음 광고 프로젝트 키값
• NEXT_PUBLIC_KAKAO_DEVELOPER_KEY: 카카오 Developer 프로젝트 키값
• NEXT_PUBLIC_NAVER_CV_KEY, NEXT_PUBLIC_MAGAZINE_NAVER_CV_KEY: 네이버 마케팅 프로젝트 키값

3. How To Use?

• src/lib/analyze/AnalyticsHOC : 마케팅 설정을 위해 App 레벨에서 이용되는 HOC(링크)로 next에서는 _app.tsx에서 children을 감싸는 형태로 이용됩니다.