[typescript] 타입스크립트에서 인터페이스의 역할과 사용법

11 Dec 2023

typescript

타입스크립트는 정적 타입을 지원하는 프로그래밍 언어로, 인터페이스를 사용하여 코드의 일관성과 안정성을 높일 수 있습니다. 이번 포스트에서는 타입스크립트에서 인터페이스의 역할과 다양한 활용 방법에 대해 알아보겠습니다.

인터페이스란 무엇인가?

인터페이스는 타입스크립트에서 객체의 구조를 정의하기 위한 수단으로 사용됩니다. 즉, 어떤 오브젝트가 지켜야 할 계약(규약)을 정의하는 것으로 이해할 수 있습니다.

인터페이스의 역할

인터페이스의 주요 역할은 다음과 같습니다:

코드의 가독성 향상
타입 체크를 통한 안정성 보장
코드 재사용 및 확장 용이성

인터페이스의 사용법

프로퍼티 정의

인터페이스를 사용하여 객체의 구조를 정의할 때는 프로퍼티에 대한 타입을 명시합니다. 아래는 간단한 예시입니다.

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

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

함수 시그니처

인터페이스를 사용하여 함수의 시그니처를 정의하는 것도 가능합니다.

interface Greet {
  (greeting: string): void;
}

const greetFn: Greet = function (greeting: string) {
  console.log(greeting);
}

익명 인터페이스

인터페이스를 즉석에서 사용하기 위해 익명 인터페이스를 활용할 수 있습니다.

let person: {
  name: string;
  age: number;
} = {
  name: "John",
  age: 30
};

읽기 전용 인터페이스

인터페이스를 사용하여 객체의 일부 프로퍼티를 읽기 전용으로 만들 수도 있습니다.

interface ReadOnlyPerson {
  readonly id: number;
  name: string;
}

let person: ReadOnlyPerson = { id: 1, name: "Jane" };
// person.id = 2; // Error: Cannot assign to 'id' because it is a read-only property.

결론

타입스크립트에서 인터페이스는 코드의 가독성과 안정성을 향상시키는 강력한 도구로 활용될 수 있습니다. 객체의 구조를 명확히 정의하여 유지보수성과 확장성을 높이고, 안정성을 더할 수 있습니다. 다양한 상황에 맞춰 유연하게 활용하기 위해 인터페이스의 활용법을 숙지하는 것이 중요합니다.

이상으로, 타입스크립트 인터페이스에 대한 간략한 소개를 마치겠습니다.

참고 문헌:

다른 질문이나 궁금한 점이 있다면 언제든지 물어보세요!

목차