게임이 질려서 하는 블로그

Frontend/React.js 2

[React] GA4 (Google Analytics 4) 적용하기

사업팀에서 사용자의 통계를 보기 위한 방법으로 GA를 볼 수 있는 방안이 있는지 문의가 들어왔다. 기존 사이트에서는 HTML의 태그로 적용하였으나, React에서는 적용이 처음이었고 곧 기존 GA가 Deprecate 된다하여 기존에 적용되어있던 GA에서 GA4로 컨버팅도 할 겸, 나와 같은 환경에 처한사람들도 적지 않을거라 생각하며 블로그에 정리를 해본다 ! 목차 1. 구글애널리틱스 속성 및 Data Stream 생성 2. React 적용 (Tracking ID 적용) 3. 구글애널리틱스 적용 확인 1. 구글애널리틱스 속성 및 Data Stream 생성 우선 구글 Analytics에 계정이 있다는 전제하에, 속성을 생성하고 데이터 Stream을 생성한다. 2. React 적용 (Tracking ID 적용..

Frontend/React.js 2023.05.25

[React] 팝업 Component에 Recoil 데이터 전달 (RecoilBridge)

서두 Recoil을 사용하여 서비스를 운영하다 보면, Popup에 Recoil 데이터를 전달해야하는 상황이 발생한다.. 사실 개발단계에서 Popup을 공통화하여 Recoil을 미리 연결하여 Popup Component를 공유해서 쓰는게 가장 합리적인 선택인듯 하나.. 갑자기 들어온 개발요청건에 구조를 뜯을수가 없어 방안을 모색하게 되었다. Popup에서 일반적인 방법으로는 Recoil의 데이터가 연결되어 있지 않아 삽질의 연속이였다. 그러다 검색중에 구세주를 만났다 ㅠㅠ 링크 https://recoiljs.org/docs/api-reference/core/useRecoilBridgeAcrossReactRoots/ useRecoilBridgeAcrossReactRoots() | Recoil A hook t..

Frontend/React.js 2023.05.23