코딩/React 62

Next JS 앱에 구글 애널리틱스 적용하기

안녕하세요? 오늘은 NextJS에 구글 애널리틱스(Google Analytics)를 적용하는 방법을 알아 보겠습니다. NextJS는 일반적인 ReactJS 앱이 아닌 서버사이드 렌더링을 위한 리액트 프레임웤이라 public 폴더에 index.html 파일이 없습니다. 그래서 구글 애널리틱스에서 제공하는 자바스크립트 코드를 그냥 복사할 수 없는데요. 조금은 귀찮은 작업을 해야 NextJS앱에 구글 애널리틱스를 적용할 수 있습니다. 그럼 먼저 본인의 구글 애널리틱스 측정 ID가 있어야겠죠. 다음 사진에서처럼 본인의 구글 애널리틱스 화면에서 맨 왼쪽 아래에 있는 관리 버튼을 클릭하시면 다음과 같이 나옵니다. 본인 사이트에 맞는 속성을 새로 만들어야 할 경우 속성 만들기 버튼을 눌럿 진행하시면 됩니다. 만약 만..

코딩/React 2021.08.05

최신버전으로 React + Typescript + Electron 개발하기

안녕하세요? 예전에는 React를 그냥 Javascipt로 개발했지만 최근에는 점점 더 Typescript가 대세가 되고 있습니다. 그래서 개인적으로 Electron 앱을 취미로 개발하고 있는데 React와 Typescript를 적용해서 개발하려고 합니다. 그런데 React + Typescript + Electron 이 함께 적용된 보일러플레이트(boilerplate)가 전부 옛날 버전의 React와 옛날 버전의 ElectronJS를 사용하더라고요. 그래서 구글링 좀 열심히 해서 백지상태에서 최신 버전으로 React + Typescript + Electron 보일러 플레이트(boilerplate)를 만들어 봤습니다. React App 설치 일단 npm 또는 yarn이 설치되어 있다는 전제하에 진행하겠습니..

코딩/React 2021.02.14