본문 바로가기

Front-end/JavaScript

(2)
[JavaScript] 비동기 - then, catch, finally 1. then비동기 작업이 성공적으로 완료된 후 수행할 작업을 정의하는 데 사용됩니다. then 메서드는 두 개의 콜백 합수를 매개변수로 받을 수 있습니다. 하나는 작업이 성공했을 때 호출될 함수이고, 다른 하나는 작업이 실패했을 때 호출될 함수입니다.onFulfilled: Promise가 이행되었을 때 호출 되는 함수입니다. 이 함수는 Promise가 반환한 값을 매개변수로 받습니다.onRejected: Promise가 거부되었을 때(실패했을 때) 호출되는 함수입니다. 이 함수는 오류를 매개변수로 받습니다.promise.then(onFulfilled, onRejected);사용 예제function a() { return new Promise((resolve) => { setTimeout(() =..
[JavaScript] 비동기 - 콜백과 프로미스 객체 1. callback 함수다른 함수의 인수로 전달되는 함수입니다. 이러한 함수는 특정 작업이 완료된 후 호출되도록 설계되었습니다. 콜백 함수는 비동기 작업을 처리할 때 자주 사용되며, 이벤트 처리, 타이머 설정, 네트워크 요청 등에 활용됩니다.사용 예제 function a(callback) { setTimeout(() => { console.log('A'); callback(); }, 1000);}function b() { console.log('B');}a(() => b()); 함수 a에서 함수 b를 callback이라는 인수로 받아와 호출하였습니다. 함수 a를 호출할 때도 전달자를 화살표 함수 혹은 일반 함수로 표현하여 함수 b를 호출할 수 있습니다.function a(callback..