이번 11편에서는 비동기 처리와 Promise를 다룰 때 유용한 실무형 유틸 함수들을 정리합니다. 네트워크 요청, 타이머 제어, 에러 핸들링 등 비동기 작업을 보다 효율적으로 관리할 수 있습니다.✅ 1. delay (비동기 지연)📌 주어진 시간(ms) 만큼 지연시키는 Promisefunction delay(ms) { return new Promise(resolve => setTimeout(resolve, ms));}📌 활용 예시테스트용 대기 시간 삽입네트워크 요청 간 지연✅ 2. retry (재시도 로직)📌 실패 시 최대 N번까지 재시도async function retry(fn, retries = 3, delayTime = 1000) { try { return await fn(); } c..

자바스크립트는 기본적으로 싱글 스레드 언어입니다. 하지만 실제 웹 애플리케이션에서는 서버에서 데이터를 불러오거나, 타이머 등을 통해 비동기 작업을 자주 처리하게 됩니다. 이 글에서는 자바스크립트 비동기 처리의 기본 개념부터 대표적인 사용 방식인 setTimeout, Promise, async/await까지 단계별로 정리합니다.✨ 비동기 처리란?코드가 순차적으로 실행되지 않고, 결과가 나중에 도착하는 작업을 처리하는 방식입니다.대표적인 예: API 호출, 파일 읽기, 타이머, 이벤트 리스너⏳ setTimeout: 가장 기본적인 비동기 처리console.log("1초 후 실행 시작");setTimeout(() => { console.log("1초 후 실행됨");}, 1000);console.log("즉시 ..