본문 바로가기

프로그래밍
26

타입스크립트 - 제네릭 인터페이스 interface KeyPair { key: K, value: V,}인터페이스에도 제네릭을 지정할 수 있는데, 이런 경우 타입에 해당하는 부분에 제네릭을 지정할 수 있게 된다.let keyPair: KeyPair = { key: 'key', value: 0,}let keyPair2: KeyPair = { key: true, value: ['1'],}실제 사용에서는 타입을 명시해주어 사용한다.제네릭 인덱스 시그니처interface NumberMap { [key: string]: number,}let numberMap1: NumberMap = { key: -1234, key2: 1234,}기존의 인덱스 시그니처는 위와 같이 타입을 지정해야만 했다.위의 코드는 .. 2025. 2. 15.
타입스크립트 - 제네릭 함수 C#의 제네릭처럼 타입스크립트의 제네릭도 같은 의미이다.기능 하나를 여러 타입에 대응되어 동작하도록 하고싶을 때 사용하면 된다.function func(value: any) { return value;}위와 같은 함수가 있을 때let num = func(10);let bool = func(true);let str = func('string');value가 any타입이기 때문에 아무 타입이나 파라미터로 가능하지만, 오류를 나타내지 못한다. num.toUpperCase(); //any 타입은 오류를 발생시키지 않으므로 문제가 있음그러므로 타입스크립트에서는 any타입은 지양해야한다.function func3(value: T): T { return value;}제네릭을 사용한다면 다양한 타입에 대.. 2025. 2. 15.
타입스크립트 - 클래스 타입스크립트의 클래스class Employee { // 필드 name: string; age: number; position: string; // 생성자 constructor(name: string, age: number, position: string) { this.name = name; this.age = age; this.position = position; } //메서드 work() { console.log('일하는 중'); }}타입스크립트의 클래스는 자바스크립트의 클래스와 큰 차이는 없지만, 타입을 명시해줘야한다는 점의 차이점이 있다.클래스 상속(확장)class ExcutiveOfficer e.. 2025. 2. 15.
타입스크립트 - 인터페이스 타입 별칭과 비슷하지만 '확장, 선언 병합, 다중 확장, 구현' 등 다양한 역할을 수행한다.타입별칭은 객체나 클래스가 아닌 일반적인 타입에 대한 것들에 중복됨을 줄이기 위해 사용한다고 생각하면 되고,인터페이스는 객체나 클래스 등에서 구조적으로 사용하기 위해 사용한다고 보면 된다.1. 선언 병합// 인터페이스 선언 병합 예시interface User { name: string;}interface User { age: number;}// 합쳐진 User 인터페이스는 다음과 동일하게 취급됩니다.const user: User = { name: "Alice", age: 30,};인터페이스를 동일한 이름으로 선언하지만 동일한 인터페이스로 취급하므로 확장하기가 쉬워진다.2. 확장 (상속)interface An.. 2025. 2. 14.

최근댓글

최근글

skin by © 2024 ttuttak

티스토리툴바