반응형 Dev. Yelee ˗ˋˏϟˎˊ˗99 [React/React Hook] useEffect(), useCallback() useEffect() // 컴포넌트가 마운트 됐을 때 (=componentDidMount) useEffect(()=>{ // code .. },[]); // 컴포넌트가 업데이트 됐을 때 (=componentDidUpdate) const updated = useRef(false); useEffect(()=>{ if(!updated.current) mounted.current = true; //code }, [변경값]); // 마운트 && 업데이트 useEffect(()=>{ //code }.[변경값]); useCallback() useCallback(callback, [변경되는 값]); 2021. 7. 27. [JavaScript30/Day-9] Dev Tools Domination console 찍을 때 유용한 함수들 알아보는 문제인 것 같다 .. 문제라기보다 console 로그에 대해 알아보는 시간..! 2021. 7. 22. [TypeScript/타입스크립트] tsconfing.json에 대해 알아보자 .. 🧐 tsconfig.json 파일 생성 tsc --init tsconfig.json 파헤치기! 😵💫 루트 디렉터리 지정 //before "rootDir": "./", //after -> src 폴더의 상위 디렉토리에서는 .ts 파일 생성 불가 "rootDir": "./src", js파일로 컴파일된 ts파일의 디렉터리 지정을 하려면! //befor "outDir": "./", //after -> 현재 디렉토리에 build 디렉토리를 생성! "outDir": "./build", 브라우저에서 디버깅할 때 필요한 옵션 true로 설정하면 컴파일 시 IDE에 .map 파일이 생성되고 브라우저에서 ts 파일을 확인할 수 있다 "sourceMap": true, 2021. 7. 21. [자바스크립트] 마우스 이벤트(mouse event)의 종류 1. click 해당 요소에서 마우스를 클릭! 했을 때 See the Pen by Seoyoon Park (@yeleepark) on CodePen. 2. dblclick 해당 요소에서 마우스를 더블 클릭! 했을 때 See the Pen by Seoyoon Park (@yeleepark) on CodePen. 3. mousedown / mouseup 해당 요소에서 마우스가 눌러진 상태일 때 / 떼었을 때 See the Pen by Seoyoon Park (@yeleepark) on CodePen. 5. mousemove 해당 요소에서 마우스가 움직일 때 See the Pen by Seoyoon Park (@yeleepark) on CodePen. 6. mouseover 해당 요소에서 마우스가 요소 안으로.. 2021. 7. 21. 이전 1 ··· 15 16 17 18 19 20 21 ··· 25 다음 반응형