---
title: 시간
---

<script>
    import { CalendarClock } from '@lucide/svelte';
    import Time from '$lib/components/toolbar/tools/Time.svelte';
    import DocsNote from '$lib/components/docs/DocsNote.svelte';
</script>

# <CalendarClock size="24" class="inline-block" style="margin-bottom: 5px" /> { title }

이 도구를 사용하면 경로에 시간 정보를 변경하거나 추가할 수 있습니다.
아래 표시된 양식을 작성하고, 완료되면 확인하면 됩니다.

<div class="flex flex-row justify-center">
    <Time class="text-foreground p-3 border rounded-md shadow-lg" />
</div>

속도를 수정하면 양식의 이동 시간이 그에 맞춰 자동으로 조정되고, 반대의 경우도 마찬가지입니다.
마찬가지로 시작 시각을 수정하면 전체 소요 시간을 유지하도록 종료 시각이 갱신되며, 반대의 경우도 마찬가지입니다.

<DocsNote>

이미 시간 정보가 있는 경로에 이 도구를 사용하면, 시간이나 속도를 변경할 때 기존 시간 정보가 그에 맞게 밀리거나 늘어나거나 압축됩니다.
    
</DocsNote>