타입스크립트를 사용하는 이유는 무엇이며, interface와 type의 차이는 무엇인가요?

타입스크립트는 자바스크립트에 정적 타입(static type) 을 더한 언어입니다. 코드를 실행하기 전, 컴파일 시점에 타입을 검사해 많은 버그를 미리 잡아줍니다.

타입스크립트를 쓰는 이유

• 컴파일 타임 에러 검출 — 잘못된 프로퍼티 접근, 타입 불일치 등을 실행 전에 잡습니다.
• 자동완성·리팩터링 — 에디터가 타입을 알기에 자동완성·정의 이동·안전한 이름 변경이 강력해집니다.
• 문서화 효과 — 함수 시그니처와 타입이 그 자체로 명세 역할을 해 협업에 유리합니다.
• 런타임 비용 없음 — 타입은 컴파일 시 제거되어 실행 결과는 순수 자바스크립트입니다(타입은 런타임 검증을 보장하지 않음).

function greet(name: string): string {
  return `안녕, ${name}`;
}
greet(42); // 컴파일 에러: number를 string에 넣을 수 없음

interface와 type의 공통점

둘 다 객체의 형태를 정의할 수 있고, 확장(상속)도 가능합니다. 대부분의 객체 타입 정의에서는 서로 바꿔 쓸 수 있습니다.

interface User {
  id: number;
  name: string;
}
type UserType = {
  id: number;
  name: string;
};

핵심 차이

// interface는 선언 병합이 된다
interface Window {
  myCustom: string; // 기존 Window에 프로퍼티 추가
}
 
// type만 가능한 표현들
type ID = string | number; // 유니온
type Point = [number, number]; // 튜플
type Status = 'idle' | 'loading'; // 리터럴 유니온

무엇을 언제 쓰나

• 객체나 클래스의 형태를 정의하고, 라이브러리처럼 확장·병합 여지가 필요하면 interface.
• 유니온·튜플·조건부 타입 등 객체가 아닌 복잡한 타입이 필요하면 type.

실무에서는 “객체 형태는 interface, 그 외 복합 타입은 type”으로 정하거나, 팀 컨벤션에 맞춰 일관되게 쓰면 됩니다.