[typescript] 인터페이스와 가변성 문제

12 Dec 2023

typescript

TypeScript에서 많은 경우 명확한 타입을 지정하기 위해 인터페이스를 사용합니다. 하지만 때때로 변수의 가변성 문제로 인해서 예상치 못한 버그가 발생할 수 있습니다. 이번 블로그 글에서는 TypeScript에서 인터페이스와 가변성 문제에 대해 알아보겠습니다.

인터페이스란 무엇인가?

인터페이스는 TypeScript에서 타입의 구조를 정의하기 위해 사용됩니다. 이를 통해 객체의 속성과 메서드에 대한 타입을 명시할 수 있어 코드의 가독성과 안정성을 높일 수 있습니다.

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

위 예제에서 Person 인터페이스는 name과 age 속성을 가져야 한다고 명시하고 있습니다.

인터페이스와 가변성 문제

가변성 문제는 변수가 양쪽 방향으로 할당될 수 있을 때 발생합니다. 예를 들어, 다음과 같이 인터페이스를 사용하는 상황에서 가변성 문제가 발생할 수 있습니다.

interface Dog {
  name: string;
  breed: string;
}

let animal: Dog;
animal = { name: 'Max', breed: 'Labrador' };
animal = { name: 'Buddy', breed: 'Poodle', age: 2 }; // Error: 'age' 속성이 존재하지 않음

위 예제에서 마지막 줄의 할당은 age 속성이 존재하지 않는데도 불구하고 가능합니다. 이는 TypeScript에서 가변성 문제로 간주됩니다.

해결책

이 문제를 해결하려면 변수를 const나 readonly로 선언하거나 TypeScript의 strict 모드를 활용하여 변수의 가변성을 줄일 수 있습니다. 또한 noImplicitAny 옵션을 사용하여 암시적 any 타입을 방지할 수도 있습니다.

예를 들어, 다음과 같이 readonly를 사용하여 변수의 가변성을 방지할 수 있습니다.

interface Dog {
  readonly name: string;
  readonly breed: string;
}

let animal: Dog;
animal = { name: 'Max', breed: 'Labrador' };
animal.name = 'Buddy'; // Error: 'name' 속성은 읽기 전용입니다

TypeScript에서의 가변성 문제는 코드의 안정성과 유지보수성을 높이는 데 중요한 부분입니다. 인터페이스를 사용할 때 이러한 문제에 대해 주의 깊게 고려할 필요가 있습니다.

결론

이번 글에서는 TypeScript에서 인터페이스의 사용과 가변성 문제에 대해 알아보았습니다. 가변성 문제는 TypeScript 코드에서 예상치 못한 버그를 발생시킬 수 있으므로, 상황에 맞는 해결책을 찾아 적용하는 것이 중요합니다.

참고 자료

이상으로 TypeScript에서의 인터페이스와 가변성 문제에 대해 알아보았습니다. 감사합니다.