TypeScript/타입스크립트 TypeScript

[타입스크립트] 한정된 다형성, 타입스크립트 프로그래밍 이진트리 예제 분석

본 포스팅 예제 미리보기 1. 타입스크립트 프로그래밍 예제 내가 풀어본 것(한 포인트 미스, 아직도 생성자에 화살표 함수 받아들이는게 어색...) type TreeNode = { value: string; }; type LeafNode = TreeNode & { isLeaf: true; }; type InnerNode = TreeNode & { children: [TreeNode] | [TreeNode, TreeNode]; }; let a: TreeNode = { value: "a" }; //통과 let b: LeafNode = { value: "b", isLeaf: true }; //통과 let c: InnerNode = { value: "c", children: [b] }; //통과 let a1 = ..

[타입스크립트] 타입별칭 인터섹션에 의한 확장

위와 같이 세개의 타입별칭을 두었다. 이를 토대로 여러가지 실험을 해볼 것이다. 타입 별칭은 extends라는 명령어가 없고 인터섹션(&)를 이용해 확장한다. type TreeNode = { value: string; }; type LeafNode = TreeNode & { isLeaf: true; }; type InnerNode = TreeNode & { children: [TreeNode] | [TreeNode, TreeNode]; }; 1. let a: TreeNode = { value: "a" }; //통과 let a1: TreeNode = { value: "a" , isLeaf: true}; ~~~~~~~~~~~~~ 2. let b: LeafNode = { value: "b", isLeaf: t..

[타입스크립트] 제네릭 타입 별칭

아래 스타일들도 제네릭 타입 별칭이다. //읽기 전용 배열과 튜플 만드는 여러가지 선언 방법 type A = readonly string[]; //readonly string[] type B = ReadonlyArray;//readonly string[] type C = Readonly; //readonly string[] type D = readonly [number,string]; //readonly [number,string] type E = Readonly;//readonly [number,string] 간단한 예를 통해 타입 별칭에서 제네릭을 활용하는 방법을 더 자세히 살펴보자. (참고로 이 예저 전에 ts에서 DOM을 부르기 위해 tsconfig.json의 lib 옵션 타입스크립트가 빌드 될 ..

[타입스크립트] ts(2584) 'document' 이름을 찾을 수 없습니다. 대상 라이브러리를 변경하려는 경우 'dom'을 포함하도록 'lib' 컴파일러 옵션을 변경해 보세요.

https://norux.me/59

[타입스크립트] 제네릭 타입 명시 주의사항

1. 제네릭 타입 명시 주의사항 제네릭의 타입을 명시할 때는 모든 필요한 제네릭 타입을 명시하거나 반대로 아무 것도 명시해서는 안 된다. 즉, 이렇게 쓰거나 ( 타입 명시) function map(array: T[], f: (item: T) => U): U[] { let result = []; for (let i = 0; i _ === "a")); //[ false, false, true ] 이렇게 써야 한다. (타입 추론) function map(array: T[], f: (item: T) => U): U..

[타입스크립트 공홈] User-Defined Type Guards

TypeScript: Documentation - Advanced Types (typescriptlang.org) Documentation - Advanced Types Advanced concepts around types in TypeScript www.typescriptlang.org User-Defined Type Guards It would be much better if once we performed the check, we could know the type of pet within each branch. It just so happens that TypeScript has something called a type guard. A type guard is some expression th..

[타입스크립트] 제네릭 클래스

//다른 타입으로 쓸 수 있게 바꾸기 //either: a or b interface Either { left: () => T; right: () => U; } class SimpleEither implements Either { constructor(private leftValue: T, private rightValue: U) {} left(): T { return this.leftValue; } right(): U { return this.rightValue; } } const either = new SimpleEither(4, { name: "홍길동", age: 18 }); console.log(either.left()); //4 console.log(either.right()); //홍길동​ /..

[타입스크립트] 표준 라이브러리 filter와 map

타입스크립트에서 제공하는 filter, map 함수를 분석해보자. map(callbackfn: (value: T, index: number, array: T[]) => U, thisArg?: any): U[]; /** * Returns the elements of an array that meet the condition specified in a callback function. * @param predicate A function that accepts up to three arguments. The filter method calls the predicate function one time for each element in the array. * @param thisArg An object to ..

[타입스크립트] 객체지향적으로 Generic Stack<T> 클래스 구현하기

프로그래밍의 꽃, 객체지향의 꽃 제네릭 제네릭은 어딜 가도 통상적으로 볼 수 있다.(재사용성이 굉장히 높기 때문) 이전포스팅 stack의 단점은 오로지 string형만 push, pop 할 수 있다는 것이다. 다양한 타입을 push, pop 하고 싶다면 제네릭을 이용해서 활용성과 재사용성을 높일 수 있다. 유연하고 타입도 보장할 수 있고, 재사용을 정말 많이 높일 수 있는 제네릭을 마스터해본다. (오픈소스나 API 문서를 볼 때 제네릭을 알고 있다면 막힘없이 읽을 수 있다.) 각종 제네릭 자료구조들도 '클래스'이다. 가령 C#의 stack 클래스는 다음 링크와 같다. https://docs.microsoft.com/ko-kr/dotnet/api/system.collections.generic.stack-..

[타입스크립트] 제네릭

프로그래밍의 꽃, 객체지향의 꽃 제네릭 제네릭은 어딜 가도 통상적으로 볼 수 있다.(재사용성이 굉장히 높기 때문) 이전포스팅 stack의 단점은 오로지 string형만 push, pop 할 수 있다는 것이다. 다양한 타입을 push, pop 하고 싶다면 제네릭을 이용해서 활용성과 재사용성을 높일 수 있다. 유연하고 타입도 보장할 수 있고, 재사용을 정말 많이 높일 수 있는 제네릭을 마스터해본다. (오픈소스나 API 문서를 볼 때 제네릭을 알고 있다면 막힘없이 읽을 수 있다.) 아래 함수를 제네릭으로 바꾸어보자 function checkNotNull(arg: number | null): number { if (arg == null) { throw new Error("not valid number"); } ..