TIL 05 | Javascript 콜백 함수 기본 개념

함수는 매개변수(Parameter)를 넣을 수 있고, 값을 반환할 수 있다. 콜백 함수는 함수가 나중에 불린다고 해서 붙여진 이름(CallBack)이다. 보통 콜백 함수는 함수의 인자(Argument)에 함수를 넣는 방식으로 사용한다. 콜백 함수는 자바스크립트의 비동기 처리 방식의 문제점을 해결해주기 위해 특정 시점에서 호출되도록 사용하는 함수이다. 이때 비동기 처리 방식의 문제점은 특정 코드의 연산이 끝날 때까지 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미한다.

function sayHello(){ 
  console.log('안녕하세요 지오입니다.');
}

function sayCallback(callback){ 
  callback(); 
}

sayCallback(sayHello) 

1. sayHello 함수를 만들어 준다.
2. sayCallback 함수의 파라미터에 callback 함수가 들어간다.
3. sayCallback의 파라미터인 callback에는 sayHello가 들어가고, 그 결과 sayHello가 실행되므로, 안녕하세요 지오입니다. 가 출력된다.