# 콜백 함수(Callback function)
```
콜백 함수는 다른 í•¨ìˆ˜ì˜ ì¸ìžë¡œ ì „ë‹¬ë˜ì–´ 호출ë˜ëŠ” 함수를 ë§í•œë‹¤.
(íŠ¹ì • ìž‘ì—…ì´ ì™„ë£Œëœ í›„, ì‹¤í–‰í• ì½”ë“œë¥¼ ì •ì˜í•˜ëŠ” 방법)
```
1. 기본ì ì¸ ì½œë°± 함수
```javascript
function greet(name) {
console.log(`Hello, ${name}`);
}
function processUserInput(callback) {
const name = 'codej625';
callback(name); // greet 함수를 호출
}
processUserInput(greet); // Hello, codej625
```
2. 비ë™ê¸° ìž‘ì—…ì—ì„œì˜ ì½œë°±
```javascript
function fetchData(callback) {
setTimeout(() => {
const data = { id: 1, title: 'callback' };
callback(data); // ë°ì´í„°ê°€ 준비ë˜ë©´ 콜백 호출
}, 1000);
}
fetchData((data) => {
console.log('Fetched data:', data); // 1ì´ˆ í›„ì— ì‹¤í–‰
});
```
3. 모듈화 ë° ìž¬ì‚¬ìš©ì„±
```javascript
function processUserInput(callback) {
const name = 'Alice';
callback(name); // ì‚¬ìš©ìž ìž…ë ¥ì„ ì²˜ë¦¬í•˜ëŠ” 콜백
}
processUserInput((name) => {
console.log(`Hello, ${name}!`); // 다른 ê³³ì—ì„œë„ ë™ì¼í•œ ì½œë°±ì„ ì‚¬ìš©í• ìˆ˜ 있ìŒ
});
// 다른 ìž‘ì—…ì— ëŒ€í•´ ê°™ì€ ì½œë°±ì„ ìž¬ì‚¬ìš©
processUserInput((name) => {
console.log(`Welcome, ${name}!`);
});
```
```
콜백 함수는 비ë™ê¸° 프로그래ë°(서버ì—ì„œ ë°ì´í„°ë¥¼ ê°€ì ¸ì˜¤ê±°ë‚˜ 파ì¼ì„ ì½ëŠ” ë“±ì˜ ìž‘ì—…ì´ ì™„ë£Œëœ í›„ 실행),
ì´ë²¤íŠ¸ 처리ì—ì„œ ìžì£¼ 사용ëœë‹¤.
ë˜í•œ 함수를 모듈화하여 ìž¬ì‚¬ìš©ì„±ì„ ë†’ì¼ ìˆ˜ 있다.
```