반응형 clearTimeout2 setTimeout() 함수 쿡북 setTimeout() setTimeout(function() { console.log('5초뒤출력!'); }, 5000); 이 코드만 가지고 잘 가져다 쓰도록하자 리액트에서는 useEffect에서도 유용하고 여기저기서 잘 쓰구 있다. 비동기 방식의 자바스크립트에서는 매우 자주 쓰이는 함수다 추가로 clearTimeout()도 알아두자 var settime = setTimeout(function() { }, 5000); clearTimeout(settime); 이와같이 혹시 모를 오류나, 남아있는 시간때문에 삭제하고 중지하기 위해서 사용한다. 그리고 보너스로 일정시간마다 반복하는함수 setInterval()함수도 있다. test = setInterval(function() { alert('일정시간마다 출.. 2022. 4. 2. React useEffect - Lifecycle이라는 개념 컴포넌트는 1.생성 2.삭제 3.관련 state의 변경으로인한 재렌더링(업데이트)가 가능함 이와 관련해 Hook을 사용할 수 있다. 컴포넌트의 생성,사라짐,업데이트에 따라 여러 명령어를 사용할 수 있다는것 이러한것을 Lifecycle Hook이라고한다. class에서 사용할 수 있는데 이와같은기능을 신 문법에서는 useEffect를 사용할 수 있다. 아래와같이 useEffect를 불러오면 위에서 알아서 import를해온다. 안에는 콜백함수를 넣어서 사용하면 된다. let [alert,alert변경] = useState('my-alert3') // 나는 display none으로 되게하긴했음 let [alert2,alert2변경] = useState(true) let [in.. 2022. 1. 15. 이전 1 다음 반응형
