delay
지정된 시간(밀리초) 동안 대기하는 Promise를 반환하는 유틸리티 함수입니다.
Props
이름 | 타입 | 설명 |
---|---|---|
ms | number | 대기할 시간 (밀리초) |
Return
Promise<void>
- 지정된 시간이 지난 후 resolve되는 Promise
Usage
import { delay } from '@teamsparta/utils';
// 기본 사용법
await delay(1000); // 1초 대기
// async 함수에서 사용
async function example() {
console.log('시작');
await delay(2000); // 2초 대기
console.log('2초 후');
}
Example
애니메이션 타이밍 제어
async function animateElement() {
element.classList.add('fade-out');
await delay(500); // 페이드 아웃 애니메이션 완료 대기
element.style.display = 'none';
}
API 요청 시뮬레이션
async function mockAPICall() {
const loading = true;
try {
await delay(1000); // API 호출 시뮬레이션
return { data: 'success' };
} finally {
loading = false;
}
}
순차적 작업 실행
async function sequentialTasks() {
console.log('첫 번째 작업');
await delay(1000);
console.log('두 번째 작업');
await delay(1000);
console.log('세 번째 작업');
}