🛠️ 처음부터 만드는 Partial — 함수에 일부 인자를 미리 고정하기

# Partial이란?
Partial(부분 적용)은 함수의 일부 인자를 미리 지정해서 새로운 함수를 만드는 패턴입니다.
```javascript
const add = (a, b, c) => a + b + c;
const add5 = partial(add, 5); // 첫 번째 인자를 5로 고정
add5(10, 20); // 5 + 10 + 20 = 35
```
Curry와의 차이: Curry는 한 번에 하나씩, Partial은 여러 개를 한 번에 고정합니다.
# 기본 구현
```javascript
const partial = (fn, ...args) => {
return (...nextArgs) => fn(...args, ...nextArgs);
};
```
정말 간단합니다. 고정할 인자들을 클로저에 저장하고, 나중에 호출될 때 추가 인자와 합쳐서 원본 함수를 실행하는 것뿐입니다.
# 실제 예제
```javascript
// API 호출 래핑
const fetch = (method, url, options = {}) => `${method} ${url}`;
const get = partial(fetch, 'GET');
get('/users'); // GET /users
get('/posts'); // GET /posts
// 이벤트 핸들러 바인딩
const handler = (userId, action) => console.log(`User ${userId}: ${action}`);
const handleClick = partial(handler, 123);
button.addEventListener('click', handleClick); // 버튼 클릭 시 User 123: click
```
# 타입스크립트 버전
```typescript
function partial any>(
fn: T,
...args: any[]
): (...nextArgs: any[]) => ReturnType {
return (...nextArgs) => fn(...args, ...nextArgs);
}
```
Partial은 간단하면서도 강력합니다. API 클라이언트, 이벤트 핸들러, 설정 프리셋 등 실무에서 정말 자주 사용됩니다.
공식 문서: [MDN Function.prototype.bind](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind)