내가 알아가는 내용을 같이 공유하는 공간

안녕하세요. 오늘은 타입스크립트 제네릭의 응용편(실무 활용 중심)에 알아볼게요. 제네릭 응용편 이번 포스팅은 제네릭의 단순 를 쓰는 수준을 넘어서 "제네릭을 이용해 유연하면서도 안전한 타입 구조를 만드는 법"을 알아볼게요. 1. 유니온 타입(Union Type) + 제네릭 확장type StringOrNumber = string | number;function unionGeneric(value: T) { if (typeof value === 'string') { return value.toLowerCase(); } return value; // 숫자는 그대로 반환}const result1 = unionGeneric('sTrInG'); // 'string'const result2 = uni..

안녕하세요. 오늘은 타입스크립트 제네릭(Generic)에 대해 알아볼게요. 제네릭(Generic) 제네릭은 "한 번 만든 코드로 여러 타입을 다루는 기술"이에요. 즉, 코드를 재사용하면서도 타입 안정성을 유지할 수 있게 해 줘요.function generic(arg: T): T { return arg;}generic("안녕");generic(123);는 “타입 변수(type variable)”로, 함수를 호출할 때 타입을 정할 수 있어요. 제네릭은 여러 타입 변수를 사용할 수 있는데요.function pair(first: T, second: U): [T, U] { return [first, second];}let pair1 = pair("안녕", 123);console.log(pair1); // ..

안녕하세요. 이번 포스팅은 제네릭(Generic)에 대해 간단하게 알아볼게요. 제네릭(Generic) 제네릭은 데이터타입을 일반화(Generalize)하는 것으로 클래스나 메서드를 선언할 때, 구체적인 타입을 명시하지 않고, 사용 시점에 지정할 수 있도록 하는 기능이에요. 제네릭의 타입 매개변수 제네릭의 타입 매개변수는 총 네 가지 T, K, V, E 가있는데요. 작성되는 실실적인 타입을 전달해 줘요. 그럼 각각 의미와 사용 용도를 알아볼까요? : Type의 약자로 아무 타입이나 들어올 수 있어서 가장 흔하게 사용해요. : Key의 약자로 Map 구조에 주로 사용하면서 키타입을 표현할 때 사용해요. : Value의 약자로 Map 구조에 주로 사용하면서 값 타입을 표현할 때 사용해요. ** 와 ..