optional 및 default 매개변수를 포함해 함수는 어떻게 타이핑하나요?

Question

Accepted Answer

매개변수와 반환값을 타이핑하며, TypeScript는 optional, default, rest 매개변수를 지원합니다.

```ts
// 기본
function add(a: number, b: number): number { return a + b; }

// optional 매개변수 (?) — 필수 매개변수 뒤에 와야 함
function greet(name: string, title?: string): string {
  return title ? `${title} ${name}` : name; // title은 string | undefined
}

// default 매개변수 — optional을 함의함
function inc(n: number, by: number = 1): number { return n + by; }

// rest 매개변수 — 배열로 타이핑됨
function sum(...nums: number[]): number {
  return nums.reduce((a, n) => a + n, 0);
}
```

## 함수 타입 표현식

함수의 *시그니처*를 타입으로 기술할 수 있습니다 — 콜백과 함수를 담는 변수에 유용합니다:

```ts
type BinaryOp = (a: number, b: number) => number;
const multiply: BinaryOp = (a, b) => a * b; // 매개변수가 BinaryOp로부터 추론됨

// 콜백 매개변수
function apply(op: (x: number) => number, val: number) { return op(val); }
```

## 오버로드(여러 시그니처)

```ts
function parse(x: string): number;
function parse(x: number): string;
function parse(x: any): any { return typeof x === "string" ? +x : String(x); }
```

## 왜 중요한가

함수를 정밀하게 타이핑하는 것은 TypeScript 가치의 핵심입니다 — 호출자는 검사된 인자와 알려진 반환 타입을 얻고, optional/default 매개변수는 실세계의 유연성을 모델링하며, 함수 타입 별칭은 고차 코드(콜백, 이벤트 핸들러, 미들웨어)를 자기 문서화하고 안전하게 만듭니다.