📘 타입스크립트 개념 정리08

🔥 1. 함수 오버로딩 (Function Overloading)

👉 개념
👉 같은 함수 이름인데, 사용하는 방법이 여러 개 있는 것
하나의 함수에 여러 타입의 매개변수를 정의하는 방식

예를 들어:

func(1) 👉 하나만 넣으면 ×20
func(1,2,3) 👉 3개 넣으면 합

👉 코드 구조 핵심 3단계

1️⃣ 오버로드 시그니처 (설명서)

function func(a: number): void;
function func(a: number, b: number, c: number): void;

👉 "이 함수 이렇게도 쓰고, 저렇게도 써요" 라고 미리 선언

2️⃣ 실제 구현 (진짜 함수)

function func(a: number, b?: number, c?: number) {

👉 실제 함수는 하나만 존재
👉 대신 ?로 선택적 파라미터 처리

3️⃣ 분기 처리 (if)

if (typeof b === 'number' && typeof c === 'number') {
  console.log(a + b + c);
} else {
  console.log(a * 20);
}

👉 들어온 값에 따라 다르게 실행

🚨 왜 이렇게 해야함?

❌ 자바스크립트는 오버로딩 없음
👉 그래서 타입스크립트가 "타입만" 도와주는 것
👉 실제 실행은 결국 하나의 함수

💡 한 줄 정리

👉 "타입만 여러 개처럼 보이게 하고, 실제 함수는 하나"

🐶 2. 사용자 정의 타입 가드 (Type Guard)

👉 문제 상황

type Animal = Dog | Cat;

👉 Dog인지 Cat인지 모름 😱

👉 해결 방법: "직접 구분 함수 만들기"

1️⃣ Dog 판별 함수

function isDog(animal: Animal): animal is Dog {
return (animal as Dog).isBark !== undefined;
}

🔥 핵심 포인트

👉 animal is Dog → 타입 좁히기 (이게 중요!)

• true면 Dog로 확정됨

👉 이 뜻:
"이 함수가 true면 animal은 Dog야"
👉 타입스크립트가 이해함

👉 쉽게 말하면

if (isDog(animal)) {

👉 타입스크립트 생각:
"아 얘 Dog 확정이네"

2️⃣ Cat도 동일

function isCat(animal: Animal): animal is Cat {
return (animal as Cat).isScratch !== undefined;
}

3️⃣ 실제 사용

function warning(animal: Animal) {
  if (isDog(animal)) {
    // Dog 타입 확정
  } else if (isCat(animal)) {
    // Cat 타입 확정
  }
}

🤯 왜 굳이 이렇게 함?

❌ 그냥 하면 오류남

animal.isBark ❌

👉 왜?
👉 Dog인지 Cat인지 모르니까

✅ 타입 가드 쓰면 가능

if (isDog(animal)) {
  animal.isBark ✅
}

✅ 사용 예시

function warning(animal: Animal) {
  if (isDog(animal)) {
    console.log("강아지");
  } else {
    console.log("고양이");
  }
}

💡 한 줄 정리

👉 "이 값이 어떤 타입인지 TS에게 알려주는 함수"

🧠 핵심 요약

✅ 함수 오버로딩

• 같은 함수 여러 방식 사용 가능
• 타입만 여러 개, 실제 함수는 하나
• 조건문으로 분기 처리

✅ 타입 가드

• 유니온 타입에서 타입 구분
• animal is Dog → TS에게 힌트
• if문 안에서 타입 확정됨

⚠️ 실수 포인트

❌ 실수 1

function func(a:number)
function func(a:number, b:number)

👉 구현 함수 따로 안 만들면 에러

❌ 실수 2

animal.isBark

👉 바로 접근 ❌ (타입 모름

❌ 실수 3

return animal.isBark !== undefined;

👉 타입 단언 없이 쓰면 에러 가능

✔ 안전하게:

(animal as Dog).isBark