[TypeScript] 타입 추론

kjy0124·2026년 2월 18일
post-thumbnail

🎯 타입 추론

타입 추론을 사용하면 변수에 타입을 따로 정의하지 않아도 되어서 코드가 간결해지고 생산성도 증가함

✅ 타입 추론 기준

타입 추론의 기준 : : 변수의 초기 값

let c = {
  id: 1,
  name: "kjy",
  profile: {
    nickname: "jy",
  },
  urls: ["https://kjy.com"],
};
let { id, name, profile } = c;
  • 위 결과에서 타입 추론을 통해 변수 타입은 아래 사진과 같이 자동으로 지정해주게 됨.
  • 함수의 타입 추론 기준은 함수의 반환 값
function func() {
  return "hello";
}
  • 함수의 타입 추론은 아래 사진과 같이 return을 기준으로 진행
  • 추가로 parameter초기 값을 주게 된다면 타입을 지정할 필요 없이 타입 추론이 진행됨
function func(message = "hello") {
  return "hello";
}
  • 위 결과는 아래와 같다.

✅ 타입 추론 Any

  • 만일 아무런 값도 주지 않았다면, 자동으로 안목적 any타입을 가지게 된다.
  • 처음 선언문 아래 어떠한 값을 준다면 그 값을 기준으로 타입이 추론된다.
  • 거기에 초기 값의 자료형을 바꾸게 된다면 any타입은 점차 진화된다.
let d;
d = 10;
d.toFixed();

d = "hello";
d.toUpperCase();
  • 위 코드에서 2번째 줄까지의 타입은 any이며,
    3번째 toFixed()위치에서는 number 타입임
  • 하지만 그 아래 문자열로 값을 바꾸게 되면 다시 any타입으로 바뀌었다가 toUpperCase()를 만나게 되면 string 타입으로 바뀜
  • 타입이 여러가지인 배열인 경우 union 타입이 추론된다.

출처

한 입 크기로 잘라먹는 타입스크립트
https://www.inflearn.com/course/한입-크기-타입스크립트/dashboard

profile
개발 공부...

0개의 댓글