[javascript] Svelte에서 날짜 및 시간 처리를 어떻게 할 수 있나요?
아래는 Svelte에서 날짜 및 시간을 처리하는 방법을 보여주는 예제입니다:
<script>
import { onMount } from 'svelte';
let currentDateTime;
onMount(() => {
setInterval(() => {
currentDateTime = new Date().toLocaleString();
}, 1000);
});
</script>
<main>
<h1>현재 시간: {currentDateTime}</h1>
</main>
이 예제에서는 onMount
라는 Svelte의 라이프사이클 메소드를 사용하여 컴포넌트가 마운트된 후에 실행될 함수를 등록합니다. setInterval
함수를 사용하여 1초마다 현재 시간을 업데이트하도록 설정하고, toLocaleString
메소드를 사용하여 날짜 및 시간을 원하는 형식으로 표시합니다. {currentDateTime}
을 사용하여 현재 시간을 화면에 렌더링합니다.
위 예제는 매 1초마다 현재 시간을 업데이트하는 간단한 예제입니다. 필요에 따라 Date
객체의 다양한 메소드를 사용하여 원하는 형식으로 날짜 및 시간을 처리할 수 있습니다.
더 자세한 내용은 Svelte 공식 문서를 참조하시기 바랍니다.