타입스크리트에서 인터페이스란? (개념, 사용법)

타입스크립트(Typescript)에서 인터페이스(interface)는 객체의 타입을 정의하는 방법 중 하나입니다. 인터페이스를 사용하면 객체가 특정 구조를 가지고 있음을 명시할 수 있으며, 이를 통해 코드의 안정성을 높이고 에러를 줄일 수 있습니다. 인터페이스는 클래스, 함수, 배열 등 다양한 곳에서 사용할 수 있으며, 코드의 가독성과 재사용성을 높이는 데 도움이 됩니다.

인터페이스 정의 방법

인터페이스는 interface 키워드를 사용하여 정의합니다. 그리고 그 안에 해당 객체가 가져야 할 속성과 그 타입을 명시합니다.

typescript

interface Person {
  name: string;
  age: number;
}

위 예시에서 Person 인터페이스는 name과 age 두 가지 속성을 가지고 있으며, 각각 string과 number 타입으로 지정되어 있습니다.

인터페이스 사용 방법

인터페이스는 주로 변수의 타입으로 사용되거나, 함수의 파라미터 타입, 반환 타입으로 사용됩니다.

typescript

function greet(person: Person) {
  console.log("Hello, " + person.name);
}

const me: Person = { name: "John", age: 30 };
greet(me);

여기서 greet 함수는 Person 인터페이스 타입의 파라미터를 받습니다. 따라서 greet 함수에 전달되는 인자는 반드시 Person 인터페이스가 요구하는 name과 age 속성을 가져야 합니다.

인터페이스 확장하기

인터페이스는 extends 키워드를 사용해 다른 인터페이스를 확장할 수 있습니다. 이를 통해 기존 인터페이스를 수정하지 않고 새로운 속성을 추가할 수 있습니다.

typescript

interface Employee extends Person {
  employeeId: number;
}

const employee: Employee = {
  name: "Jane",
  age: 28,
  employeeId: 1234
};

위 예시에서 Employee 인터페이스는 Person 인터페이스를 확장하여 employeeId 속성을 추가하고 있습니다. 따라서 Employee 타입의 객체는 Person의 모든 속성을 포함하며 추가로 employeeId도 가져야 합니다.

타입스크립트의 인터페이스를 사용함으로써, 보다 명확하고 구조화된 코드를 작성할 수 있으며, 개발 과정에서 발생할 수 있는 타입 관련 에러를 사전에 예방할 수 있습니다.