JS에서 콜백 함수

Source: Dev.to

콜백 함수란?

콜백 함수는 다른 함수에 인수로 전달되어 나중에 실행되는 함수입니다.

간단한 정의

“다른 함수 안에 있는 함수”

콜백 함수 – 실생활 예시

1. 옷 빨래하기

function washClothes(callback) {
    console.log("Clothes are washed");
    callback();
}

function dryClothes() {
    console.log("Clothes are drying");
}

washClothes(dryClothes);

설명:

출력:

Clothes are washed
Clothes are drying

2. 음식 요리하기

function cookFood(callback) {
    console.log("Cooking food...");
    callback();
}

function serveFood() {
    console.log("Food is served");
}

cookFood(serveFood);

설명: 먼저 요리 → 그 다음 서빙.

3. 휴대폰 충전하기

function chargePhone(callback) {
    console.log("Phone is charging...");
    callback();
}

function usePhone() {
    console.log("Now you can use the phone");
}

chargePhone(usePhone);

설명: 먼저 충전 → 그 다음 사용.

4. 공부하기

function study(callback) {
    console.log("Studying...");
    callback();
}

function takeTest() {
    console.log("Taking test");
}

study(takeTest);

설명: 먼저 공부 → 그 다음 시험.

5. 로그인 시스템

function login(callback) {
    console.log("User logged in");
    callback();
}

function showDashboard() {
    console.log("Welcome to dashboard");
}

login(showDashboard);

설명: 먼저 로그인 → 그 다음 대시보드.