분류 전체보기

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

본 포스팅 예제 미리보기 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..

[자바의 정석] Hello Java & Eclipse 단축키

새로운 클래스를 만드려면 CTRL + n 클래스명 찾기 ctrl + SHIFT + R main 을 치고 CTRL + SPACE : 메인 메서드 자동 생성 sysout을 치고 CTRL + SPACE 을 누르면 {System.out.printIn()}으로 자동 확장 https://youtu.be/E8fTLFuc7X4 CMD창에서 C:\jdk11\work>javac Helllo.java C:\jdk11\work>java Hello Hello, World https://youtu.be/emllFzqD1-0 이클립스는 기본저그올 소스 파일과 클래스 파일을 별도의 폴더에 담에서 관리한다. 특히 .으로 시작하는 파일들은 이클립스가 자동으로 생성해서 만든 관련 파일들이므로 건들지 않는 것이 좋다.

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

//다른 타입으로 쓸 수 있게 바꾸기 //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-..