React.js __ { Object(...) is not a function } React 사용중 Object(...) is not a function 라는 오류를 만났다 ( 이런유형의 오류만나면 구글링하다 하루 다갈수있음) 오류를 보면 const history = useHistory(); 이 한줄이 문제란 무책임한 오류한줄을 보고 구글링을 시작한다 구글링 시작하자마자 맨위에 나오는 블로그에서 해결방법을 찾았는데 제리조셉 형님께서 2020년 3월 9일에 남겨주신 한줄의 글에 난 구원받을수 있었다 react-router-dom 대신 react에서 useHistory를 가져오고 있었다? import 똑바로 했나 내코드를 보러가보자 헿 제리조셉 형님과 같은 실수를 하고있었다 use는 react지 라는 고정관..
쇠질하듯 타겟포인트만 간단하게 포스팅 npm-check-updates package.json의 dependencies 와 devDependencies 에 기록된 각 패키지들의 버전을 현재기준 최신버전으로 바꿔준다 설치방법 npm 라이브러리 설치하듯이 설치하면된다 (전체 라이브러리를 관리하기위한 목적이므로 범위는 -g) 사용법 CLI로 ncu를 입력하면 업데이트할 목록확인가능 CLI로 ncu-u를 입력하면 dependencies 와 devDependencies 의 패키지들이 최신버전으로 변경 변경사항을 적용하려면 npm install 실행하여 변경사항 적용 더보기 실제 솔루션에서는 라이브러리 하나하나 버전바뀌는거에 아주민감하기에 그냥 최신 트렌드 공부하는 토이프로젝트에나 적용할만하다 3줄요약 npm ins..
무지성으로 활용하는 React Hook에서 componentWillUnmount() 기능 사용하기 React에는 useEffect라는 어마무시한 Hook이 있다 혼자서 아래 3가지 기능을 다 담당 1. componentDidmount 2. componentWillunmount 3. componentDidUpdate 지금 이 포스팅에서는 2번째로 서술한 componentWillunmount 요녀석에 대해서 알아보자 useEffect(() => { console.log('컴포넌트 나타나면 실행될 함수 구현'); return () => { console.log('컴포넌트 사라지면 실행될 함수 구현'); }; }, []); 저 함수를 Modal, Popup, Tooltip 등등에 넣어보고 창을 열었다 닫았다하면..