[URH-15] useInterval 신규

[suhyeoonn]

👾 Pull Request

• 티켓: useInterval 신규
• 상태: 신규

1️⃣ Spec

• 지정된 시간 간격으로 콜백 함수를 호출하는 타이머를 설정합니다.
• ms 값이 변경될 때마다 interval이 재설정되며, 컴포넌트가 언마운트될 때 자동으로 타이머가 정리됩니다.
• 반환된 clear 함수를 호출하여 수동으로 타이머를 중지할 수도 있습니다.

2️⃣ 변경 사항

• 없음

3️⃣ 예시 코드

function App() {
  const [count, setCount] = useState(0)
  const [delay, setDelay] = useState(1000)

  const clear = useInterval(() => {
    setCount(count + 1);
  }, delay);

  const handleStop = () => {
    clear()    
  }

  const handleDelay = ({target}) => {
    setDelay(target.value)
  }

  return (
    <div>
      <input type="number" value={delay} onChange={handleDelay} />
      <button onClick={handleStop}>stop</button>
      <div>
        {count}
      </div>
    </div>
  );
}

4️⃣ 관련 문서 (선택 사항)

• 없음