출처 : 이정환의 한 입 크기로 잘라먹는 타입스크립트. 제네릭 인터페이스 & 제네릭 타입 별칭 정리. 제네릭 인터페이스 : 타입을 일반화 하여 다양한 타입을 받을 수 있는 인터페이스 interface KeyPair { key: K; value: V;}let keyPair: KeyPair = { key: "key", value: 0,};let keyPair2: KeyPair = { key: true, value: ["1"],};`KeyPair` : 제네릭 타입 변수 (`K`, `V`)를 사용해 다양한 타입을 저장할 수 있도록 정의.인덱스 시그니처 : 객체의 key-value 구조에서 key의 타입을 특정할 수 없을 때 사용interface NumberMap { [key: string]: num..

출처 : 이정환의 한 입 크기로 잘라먹는 타입스크립트1. TypeScript의 클래스 (Class) TypeScript에서 클래스는 객체를 생성하는 템플릿 역할을 한다. JavaScript 는 객체 리터럴을 사용해서 객체를 생성할 수 있는데 이런 방식은 같은 구조의 객체를 여러 개 만들 때 불편함. 따라서 클래스를 활용하면 동일한 구조의 객체를 쉽게 생성할 수 있다.class Employee {// 필드 ( 속성 ) name: string; age: number; position: string; // 생성자 ( constructor ) constructor( name: string, age: number, position: string) { this.name = name; ..

인터페이스 (interface): TypeScript에서 객체의 구조를 정의하는 기능.클래스나 객체가 특정 솏성과 메서드를 포함하도록 강제할 수 있으며, 코드의 가독성과 유지보수성을 높이는 역할. 주요 특징 객체의 구조 (Shape)를 정의할 때 사용함수 시그니처 정의 가능`extends` 키워드를 통해 확장 (상속) 가능같은 이름의 인터페이스가 여러 번 선언되면 자동으로 병합됨 기본적인 인터페이스 선언  interface Person {   readonly name: string;   age?: number;   //sayHi: () => void; // 오버로딩을 구현할땐 함수 타입은 사용이 안됨   sayHi(): void; // 메소드의 오버로드 사용하고 싶을 땐 호출 시그니처로 작성해야 함.  ..