Next JS2 Next JS 프로젝트에 Google Analytics 적용하는 방법 React기반의 Next JS 프로젝트에 익숙하지 않으신 분이라면 프로젝트에서 Google Analytics 코드 적용하는 것이 번거로울 수 있습니다. 이를 손쉽게 도와주는 react-ga라이브러리를 이용하여 프로젝트에 Google Analytics 코드를 적용하는 방법을 소개하겠습니다. 우선 react기반 프로젝트를 위한 google analytics적용을 도와주는 react-ga 라이브러리를 설치합니다. npm install --save react-ga // OR yarn add react-ga react-ga를 utility화하는 anayltics.js를 생성하고 아래와 같이 입력합니다. 사용자의 임의로 구성할 수 있습니다. // analytics.js import RreactGA from "rea.. 2020. 4. 28. [Next JS] Next JS + Material UI + Styled Component 설정방법 Next JS + Material UI + Styled Component 설정 방법 React기반의 프론트엔드 기술이 많은 인기를 얻으면서 React기술을 사용한 Next JS의 인기가 조금씩 상승하고 있습니다. 하지만 Next JS를 사용하면서 다른 인기 프론트엔드 라이브러리인 Material UI와 Styled Component를 사용하려면 별도로 설정을 해주어야 합니다. 이를 하는 방법을 설명하겠습니다. Next JS, Material UI, Styled Components 설치 및 기본적인 프로젝트 설정은 가정하겠습니다. 가장 먼저 styled-components용 babel 플러그인 babel-plugin-styled-components를 개발용으로 설치하여야 합니다. 아래의 커맨드를 Windo.. 2020. 4. 22. 이전 1 다음