[javascript] Svelte에서 타이머(timer) 기능을 사용하는 방법은 어떻게 되나요?

먼저, Svelte 프로젝트에서 타이머를 사용하려면 아래와 같이 onMount 함수를 사용하여 초기화 코드를 작성합니다.

<script>
  import { onMount } from 'svelte';

  let count = 0;

  onMount(() => {
    const interval = setInterval(() => {
      count++;
      // 타이머 실행될 때마다 원하는 작업을 수행합니다.
      console.log('타이머 실행!', count);
    }, 1000);

    // 컴포넌트가 언마운트 될 때 타이머를 정리합니다.
    return () => {
      clearInterval(interval);
    };
  });
</script>

위의 코드에서 onMount 함수는 컴포넌트가 렌더링된 후에 실행됩니다. setInterval 함수는 1초마다 실행되는 타이머를 생성하고, count 변수를 증가시키고 콘솔에 결과를 출력하는 코드가 작성되어 있습니다.

컴포넌트가 언마운트될 때(clean up) clearInterval 함수를 호출하여 타이머를 정리합니다. 이렇게 함으로써 컴포넌트가 더 이상 렌더링되지 않을 때, 타이머가 계속해서 실행되는 것을 방지할 수 있습니다.

이제 Svelte에서 간단한 타이머 기능을 사용하는 방법을 알았습니다. 필요에 따라 타이머를 사용하여 애니메이션, 업데이트 또는 데이터 요청과 같은 작업을 수행할 수 있습니다.