개발/JS, TS
-
TS - 너.. T야? : 타입스크립트 제네릭 타입<T>개발/JS, TS 2024. 10. 26. 11:10
타입스크립트로 된 라이브러리를 사용하다 보면 가끔씩 라는 타입이 보일때가 있는데요,처음엔 T라는 타입이 대체 어떤 타입일까? 라고 궁금증을 가졌던 기억이 있습니다 그럼 오늘은 그 T 바로 제네릭 타입에 대해서 알아보겠습니다. 제네릭?제네릭은 특정 타입을 명시하지 않고, 다양한 타입을 사용할 수 있도록 하는 타입스크립트의 기능으로, 코드 재사용성과 타입 안전성을 높일 수 있습니다. 사용해보기제네릭은 함수, 클래스, 인터페이스에서 사용가능 합니다.function identity(arg: T): T { return arg;}위의 함수는 arg의 타입과 return값의 타입을 T로 지정하여 T를 받아 T타입을 반환하게 되는 함수가 됩니다.오히려 더 복잡해 보이는건 기분탓이겠죠..?좀더 자세히 보겠습니다...
-
TS - 애니스크립트..? : 타입스크립트 any타입개발/JS, TS 2024. 10. 24. 23:07
타입스크립트를 쓰다보면 웃는소리로 무적의 타입이라고 부르는 타입이 있습니다.바로 any타입인데요, any타입에 대해 좀더 자세히 알아보겠습니다! any타입?any타입은 타입스크립트에서 모든 타입을 포함 할 수 있는 타입으로, 몇가지 특징이 있다고 합니다.어떠한 값이든 할당할 수 있습니다.기본타입에서 살짝 적었던 내용처럼 컴파일시에 타입판별을 하지 않습니다.예시let dynamicValue: any = 4;dynamicValue = "Hello";dynamicValue = { key: "value" };function processAny(value: any) { console.log(value);}processAny(10);processAny("string");processAny({ obj: true }..
-
TS - 타입확장 그리고 축소개발/JS, TS 2024. 10. 21. 21:45
타입스크립트에서는 타입 확장과 축소의 개념이 있다고 하는데요!이게 무슨 개념인지 알아보겠습니다.타입확장과 축소는 타입확장기존 타입을 기반으로 새로운 타입을 생성하는 과정이라고 하는데요,타입의 안정성을 높이고 중복되는 코드를 방지하기 위해서 자주쓰인다고 합니다. 확장은 extends와 유니온타입, 교차타입을 이용해 할 수 있습니다.extends를 통한 확장interface Animal { name: string;}interface Dog extends Animal { // name: string; extends로 상속 bark: () => void;}유니온 타입과 교차 타입을 통한 확장type Person = { name: string; };type Employee = Person & { e..
-
TS - 무슨타입을 써야하지? : 타입스크립트의 기본 타입 정리개발/JS, TS 2024. 10. 16. 23:28
타입스크립트를 이용하여 typesafe하게 개발을 할수 있다고 하는데요!타입스크립트에서 사용가능한 타입은 정말 많습니다.그럼 오늘은 기본타입을 알아보겠습니다. 타입스크립트의 기본 타입BooleanBoolean 타입은 true 또는 false 값을 가지는 논리 타입입니다.let isDone: boolean = false;NumberNumber 타입은 부동소수점 숫자를 나타냅니다. 타입스크립트는 10진수와 16진수 리터럴 외에도, ECMAScript 2015에서 도입된 2진수 및 8진수 리터럴을 지원합니다.let decimal: number = 6;let hex: number = 0xf00d;let binary: number = 0b1010;let octal: number = 0o744;StringStrin..
-
TS - 타입선언 : type과 interface의 차이점 알아보기개발/JS, TS 2024. 10. 14. 22:41
타입스크립트는 변수, 함수 등에 타입을 명시하여 실수를 줄이고 코드의 안정성을 높일 수 있습니다. 타입스크립트에서 타입을 정의하는 방법으로는 interface와 type이 있는데 대체 둘은 어떤 차이를 가지고 있고 또 어떻게 사용하는지 알아보겠습니다.TypeType은 타입 별칭(type alias) 또는 타입 지정자(type specifier)로 불리는데,이미 존재하는 타입에 다른 이름을 붙여서 사용할 수 있으며기본 타입, 유니온 타입, 튜플등의 다양한 타입을 정의 할수 있습니다. type UserID = number;type UserName = string;type User = { id: UserID; name: UserName; isAdmin: boolean;};type Status = "pen..