React 개발 팁

2020. 12. 2. 07:57서버 프로그래밍

1. GA 적용

cocoze.tistory.com/72

 

React에 GA( Google Analytics ) 적용하는 법

hook을 사용했을 경우를 가정했다. 1. npm install react-ga --save 으로 react-ga를 React 프로젝트에 설치한다. 2. 체크하고자하는 페이지에 import ReactGA from "react-ga"; export default function Home() {..

cocoze.tistory.com

www.npmjs.com/package/react-ga

 

react-ga

React Google Analytics Module

www.npmjs.com

stackoverflow.com/questions/59979551/add-google-analytics-gtag-code-snippet-in-react

 

Add google analytics gtag code snippet in React

I have the following Google Analytics (gtag) code to be added in my React project. I am trying to add it in render() method. But its not working. How to resolve it. Thanks.

2. @media 쿼리 적용

velog.io/@st2702/%EB%B0%98%EC%9D%91%ED%98%95-%EC%9B%B9-Media-Query

 

리액트 반응형 웹 (react-responsive)

리액트 반응형 웹 react-responsive 란?

velog.io

github.com/ReactTraining/react-media

 

ReactTraining/react-media

CSS media queries for React. Contribute to ReactTraining/react-media development by creating an account on GitHub.

github.com

3. 파일 선택 (이미지 미리보기, 선택 파일 삭제)

basketdeveloper.tistory.com/70

 

React 이미지파일 미리보기

이번에는 React 프로젝트에서 이미지 파일 미리보기 기능을 정리합니다. 음.. 좀더 상세히 말하면 웹사이트에서 이미지 파일을 업로드 하기전에! 웹사이트 상에 이미지를 출력하여 미리보기 하는

basketdeveloper.tistory.com

www.ahntree.com/post/html1/

 

react에서 file 타입 input 초기화하기 – AHNTREE 블로그

나무같은 개발자가 되고 싶은 1인입니다. react에서 file 타입 input 초기화하기Saturday, April 11, 2020해결하고 나니 매우 쉬운 문제였지만 다루기 어려운 문제였다. 다른 input과는 다르게 file 타입의 inpu

www.ahntree.com