[리액트] HOOKS / useEffect(), useMemo(), useCallback() 총정리 Hook은 순서가 매우 중요 최상위 바깥에 선언해서 실행순서가 일정하게 하는 것이 중요 if문에 넣는것 금지 -> if(조건) useState(값) hook안에 hook을 쓰는것 금지 -> useEffect안에 useState를 쓰는 등 반복문은 상관없음 -> 비추천 hook과 라이플 사이클 // componentDidMount useEffect(() => { // 실행 할 로직 }, []); // componentDidUpdate const mounted = useRef(false); useEffect(() => { if(!mounted.current) mounted.current = true; // 실행 할 로직 }, [/*변경되는값*/]); // componentDidMount, componentD.. IT/리액트 4년 전
[React] React.js (create-react-app 도구) 간단하게 설치하기 React js (create-react-app) 설치 설치 순서 node js npm yarn create-react-app 도구 visual studio code (에디터) git * 2~4번은 윈도우 cmd를 이용하여 설치 1. node js 설치 - https://nodejs.org/ko/ 에서 - 8.12.0 LTS 버전 설치 - cmd에서 node --version으로 설치 확인 - 개발 폴더 생성 ( 경로: C:\dev\react ) 2. npm 설치 - npm은 node js 패키지 매니저로, 모듈을 설치할 수 있게해준다. - npm은 node js 와 함께 설치된다. node js를 설치했다면 기본으로 설치되며, 따로 설치할 필요 없음 3. yarn 설치 - yarn 도구는 npm 문제점.. IT/리액트 5년 전
