React useEffect 는 무엇이고 언제 사용하나요?
리액트에서는 state값이 바뀌면 무조건 해당 컨포넌트에 있는 모든 것들이 다시 실행된다. 그런데 특별한 경우에만 실행되고 그 외의 경우에는 실행되지 않게 하려면 어떻게 해야 할까? 예를 들면 특정 url에 접속해서 데이터를 가져오는(fetching) 코드 같은 것들이다. 이 코드는 다른 state(변수의 값이)가 변경된다고 해서 굳이 새로…
리액트에서는 state값이 바뀌면 무조건 해당 컨포넌트에 있는 모든 것들이 다시 실행된다. 그런데 특별한 경우에만 실행되고 그 외의 경우에는 실행되지 않게 하려면 어떻게 해야 할까? 예를 들면 특정 url에 접속해서 데이터를 가져오는(fetching) 코드 같은 것들이다. 이 코드는 다른 state(변수의 값이)가 변경된다고 해서 굳이 새로…
npx create-react-app 에러내용 `npx create-react-app my_react`명령을 이용하여 react를 시작하려 하는데 아래와 같은 에러가 발생했다. [에러내용]You are running create-react-app 4.0.3, which is behind the latest release (5.0.0). We no longer support global installation of Create React App.Please remove any global installs with one of…
도커를 윈도우에 설치할 때 나타나는 대표적인 에러 해결 방법입니다. 설치 중에 wsl2 installation is incomplete 이 에러가 뜨면서 계속 restart 하라고 나옵니다. Restart를 눌러도 계속 나오죠. wsl2 installation is incomplete 해결 방법 : 아래의 순서대로 ▣ 실행파워쉘이나 명령 프롬프트를 관리자 권한으로 실행 합니다.…
오늘은 자동 스크롤 내리기에 대해서 알아 봅니다. 유튜브나 긴 페이지를 마우스로 계속 내려가면서 스크롤 하는 것이 귀찮아서 코드를 하나 만들었습니다. `document.documentElement.scrollTop` 의 값은 현재 문서의 최상단의 위치 값입니다. 처음 페이지를 열면 0이 그 값입니다. `document.documentElement.scrollHeight`의 값은 현재 문서의 최하단의 위치 값입니다. 만약 스크롤을…