ryxxn

간단한 Timer 컴포넌트의 예시를 보자. import React, { useState, useEffect } from 'react'; const Timer = () => { const [count, setCount] = useState(0); useEffect(() => { const intervalId = setInterval(() => { // count 상태 갱신 setCount(prevCount => prevCount + 1); }, 1000); // 1초마다 실행 // 컴포넌트가 언마운트되면 setInterval 정리(cleanup) return () => clearInterval(intervalId); }, []); return ( Timer: {count} ); }; export defau..

HTML 삽입 미리보기할 수 없는 소스 1.setInterval setInterval 함수는 일정한 시간 간격마다 콜백 함수를 반복적으로 실행한다. 아래는 setInterval의 사용법이다 const intervalId = setInterval(callback, delay); callback: 반복적으로 실행할 콜백 함수이다. delay: 콜백 함수를 실행하기 전에 기다리는 시간 간격 (밀리초)이다. setInterval을 사용하여 반복적인 작업을 수행하거나 주기적으로 코드를 실행할 수 있다. 예를 들어, 주기적으로 데이터를 가져오는 작업이나 애니메이션 효과를 구현하는 데에 사용할 수 있다. const intervalId = setInterval(() => { console.log('이 메시지는 3초 후..