🛠️ 처음부터 만드는 Once — 함수를 한 번만 실행하기

문제

초기화 로직, API 호출, 이벤트 리스너 등에서 함수를 정확히 한 번만 실행해야 할 때가 있다. 실수로 여러 번 호출해도 처음 실행만 사용하려면?

기본 구현

```javascript
function once(fn) {
let called = false;
let result;

return function(...args) {
if (!called) {
called = true;
result = fn.apply(this, args);
}
return result;
};
}
// 사용 예
const init = once(() => {
console.log('초기화됨');
return true;
});
init(); // "초기화됨" → true
init(); // 실행 안 됨 → true (이전 결과 반환)
```

핵심 개념

`called` 플래그로 실행 여부 추적

첫 실행의 결과를 캐시해서 매번 동일 값 반환

래퍼 함수가 클로저로 상태 유지

실무 패턴

```javascript
// React 훅에서
const setupOnce = once(() => {
document.addEventListener('DOMContentLoaded', handler);
});
// 여러 컴포넌트가 호출해도 리스너 1개만 등록
setupOnce();
setupOnce();
```

주의사항

async 함수: Promise를 반환하는 함수는 첫 Promise만 재사용되므로 주의

에러 발생: 첫 호출에서 에러 나면 `called = true`이므로 재시도 불가 (필요시 에러 처리 추가)

this 바인딩: 화살표 함수 사용 시 `apply` 대신 직접 호출

공식 문서: [Lodash once](https://lodash.com/docs/#once)