Callback 이란?

콜백이란?
간략한 설명 : 콜백은 다른 함수가 작동을 끝마친 이후에 작동하도록 되어있는 함수입니다. 그렇기 때문에 'call back' 라고 불립니다.

복잡한 설명: 자바스크립트에서 함수들은 객체입니다. 그렇기 때문에 함수는 인자로 함수를 받아올수 있고, 다른함수로 리턴이 가능합니다. 이러한것을 하는것들을 고차 함수 (higher order function) 이라고 하며, 함수에 인자로서 전달되는 함수들을 콜백 함수라고 합니다.

우리에게 왜 콜백이 필요한가요?
JS는 사건 기반 프로그래밍 입니다. 그말인 즉슨 JS는 응답을 기다렸다 진행되는것이 아니라 응답을 기다리는동안에도 계속 진행되는것을 뜻합니다. 그렇기 때문에 우리는 함수를 하나하나 실행한 뒤에 맞는 순서대로 동작하길 기대할 수 없습니다. 그렇기 때문에 콜백 함수를 사용하여서 다른 함수가 작동이 끝난뒤에 작동할 수 있도록 하는것 입니다.

ex

function doHomework(subject, callback) {
  alert(`${subject} 숙제를 시작합니다.`);
  callback();
}

doHomework('수학', function() {
  alert('숙제를 끝마쳤습니다.');
});

위의 함수를 만들어 실행해보면 우리는 2개의 알림을 연속으로 받을 수 있습니다.
'숙제를 시작합니다.' 다음에 '숙제를 끝마쳤습니다.'를 받으실 수 있습니다.