드리프트의 코-자-경

안녕하세요? 개발자라면 누구나 사용하는 Github이 2021년 8월 13일 기준으로 더이상 패스워드 방식의 인증을 지원하지 않게 되었습니다. 아래 스크린샷을 보시면 무슨 상황인지 쉽게 이해 할 수 있습니다. 그러면 어떻게 해야 할까요? 바로 본인의 github token 을 만들어야 합니다. github token 만들기 먼저 github.com으로 로그인해서 오른쪽 위에 본인 아이콘을 클릭하면 맨 밑에서 두번째 Settings를 클릭합니다. 그러면 본인 계정의 Profile이 나오는데 이제 왼쪽 아래쪽에 Developer Settings를 클릭합니다. 그러면 다시 왼쪽 밑에 Personal access tokens 를 클릭합니다. 이제 본인 계정의 토큰 설정에 들어 왔습니다. 예전에 토큰을 만드셨다면..

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

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