callback 2

Promise

😳 Promise란? ES6에서 도입된 비동기 작업을 처리하기 위한 객체 콜백 지옥(callback hell)의 코드 복잡성을 해결하고, 가독성을 향상시키기 위해 도입되었다. 🌀 Promise는 세 가지 상태를 가진다. 👉 Pending(대기 중) : 비동기 작업이 아직 완료되지 않은 상태 👉 Fulfilled(이행됨) : 비동기 작업이 성공적으로 완료된 상태 👉 Rejected(거부됨) : 비동기 작업이 실패한 상태 🌀 Promise 객체의 기본적인 메서드 👉 then : Promise가 성공적으로 이행되면 호출되는 메서드 👉 catch : Promise가 거부되었을 때 호출되는 메서드, 오류 처리를 위해 사용 👉 finally : Promise가 이행되거나 거부되었을 때 무조건 호출되는 메서드 🌀 P..

TIL 2023.08.07

Callback 함수

😳 콜백 함수(callback function) 👆 콜백함수란 ? 다른 함수의 인자로 넘겨지고, 해당 함수의 실행이 끝나면 호출되는 함수를 말한다. 👂 콜백함수는 언제 사용할까? 👉 비동기 작업이 완료된 후에 그 결과를 처리하는 데 사용된다. 👉 setTimeout, setInterval 등의 타이머 함수에 사용되어 특정 시간이 지난 후 실행할 작업을 정의할 수 있다. 👉 이벤트 핸들러에서 사용되어 특정 이벤트가 발생한 후에 실행할 작업을 정의할 수 있다. ↘ ↗한마디로 말하자면 특정 작업의 실행 순서를 지정하거나 조절하기 위해 사용된다는 말입니다. 👀 아래 예시를 통해서 콜백함수를 더 알아보자. firstFunc의 콜백함수로 secondFunc을 정의했을때, firstFunc은 비동기 작업(setTim..

TIL 2023.08.06
728x90