JavaScript에서 콜백 함수 활용하기

자바스크립트에서 비동기 프로그래밍을 위해 사용되는 콜백(callback) 함수는 매우 중요한 개념입니다. 이 글에서는 콜백 함수의 개념과 활용 방법을 설명하고, 실제 예제를 통해 비동기 작업을 처리하는 방법을 살펴보겠습니다.
 

콜백 함수란?

• 콜백(callback) 함수는 다른 함수의 인수로 전달되어 나중에 호출되는 함수를 말합니다. 주로 비동기 작업을 처리하거나 이벤트 핸들러로 사용됩니다.

콜백 함수의 사용 방법:

• 다음은 간단한 콜백 함수의 예제입니다.

function greeting(name, callback) {
    console.log('Hello, ' + name + '!');
    callback();
}

function sayGoodbye() {
    console.log('Goodbye!');
}

greeting('Alice', sayGoodbye);

 
위 예제에서 sayGoodbye 함수가 greeting 함수의 콜백으로 전달되어 실행됩니다.

728x90

 

비동기 작업 처리 예제:

• 다음은 비동기 작업을 처리하는 예제입니다. setTimeout 함수를 사용하여 일정 시간이 지난 후에 콜백 함수를 호출합니다.

console.log('Start');
setTimeout(() => {
    console.log('After 2 seconds');
}, 2000);
console.log('End');

 

콜백 지옥(callback hell) 해결 방법:

• 콜백 함수를 중첩해서 사용하다보면 코드의 가독성이 떨어지는 문제가 발생할 수 있습니다. 이를 해결하기 위해 Promise나 async/await와 같은 방법을 사용할 수 있습니다.

콜백 함수는 자바스크립트에서 비동기 프로그래밍을 처리하는 중요한 도구입니다. 올바르게 활용하면 비동기 작업을 효율적으로 처리할 수 있으며, 콜백 지옥(callback hell)과 같은 문제를 해결할 수 있습니다.
 

반응형