Programming Language/🟦 Typescript 검색 결과

해당 글 28건

TS class(2) : implements, extends(상속), abstract 클래스

implements 클래스가 특정 interface의 조건을 만족하는지 체크하기 위해서 implements를 사용합니다. object를 interface로 typing하듯, class도 interface로 typing한다고 생각하면 된다. interface ediable { eat: () => boolean } // Cheeze는 ediable interface를 만족해야하므로 eat 함수를 가져야 함 class Cheeze implements ediable { eat () { return true } } // eat 함수를 가지고 있지 않아 에러 발생 // Class 'Mac' incorrectly implements interface 'ediable'. // Property 'eat' is missi..
Programming Language/🟦 Typescript 2021. 9. 27. 18:13

TS class(1) : class 생성, 접근 지정자, accesors(getter/setter), index signature

class 생성 및 shortcut js에서 활용하듯 사용하면 됩니다만 사용하기에 앞서 클래스의 속성의 타입을 정의해야 합니다. class Human { public name: string; private age: number; protected gender: string; constructor(name: string, age: number, gender: string) { this.name = name; this.age = age; this.gender = gender; } } 그러나 이러한 작성법은 verbose합니다. 좀 더 간략하게 적자면 다음과 같습니다. 편안~ class Human { constructor(public name: string, private _age: number, protec..
Programming Language/🟦 Typescript 2021. 9. 27. 16:30

func in TS (3) : overloading (오버로딩)

java에서 쓴 글을 가져와보자 (https://darrengwon.tistory.com/1347) 오버로딩(Overloading) : 같은 이름의 메서드 여러개를 가지면서 매개변수의 유형과 개수가 다르도록 하는 기술 오버라이딩(Overriding) : 상위 클래스가 가지고 있는 메서드를 하위 클래스가 재정의해서 사용 OverloadingExam 클래스 내부의 메서드들은, 인자의 타입에 따라 적합한 메서드가 알아서 트리거 된다. // java임 오해 ㄴㄴ public class OverloadingExam { public int calculate(int one, int two) { return one + two; } public long calculate(long one, long two) { retur..
Programming Language/🟦 Typescript 2021. 8. 14. 18:28

func in TS (2) : generic func, 타입 제약

제네릭을 통해 다양한 곳에서 활용될 수 있는 함수 정의 특정 타입이 아닌 제네릭을 잘 활용하면 type-safe하면서도 활용도가 높은 함수를 정의할 수 있습니다. function getFisrtElem (arr: T[]) { return arr[0] } getFisrtElem([1, 2, 3]) // number로 inferred됨 getFisrtElem(['h', 'l']) // string으로 inferred됨 Constraints (타입 제약) 제네릭을 활용하면서도 동시에 특정한 메서드나 프로퍼티가 있는 값만 사용하고 싶을 때가 있을 것입니다. 아래의 경우에는 T라는 제네릭에 lenght라는 프로퍼티가 존재하는지 알 수 없기 때문에 경고를 뱉습니다. function returnLen (a: T) {..
Programming Language/🟦 Typescript 2021. 8. 14. 17:38

func in TS (1) : 함수 시그니처, type(타입 별칭), void

// 타입 생략 (비추천. 특히 함수에서는 타입을 꼼꼼히 달아두자.) let test1 = (a, b) => { return a + b; }; // 타입 주석 let test2 = (a: number, b: number): number => { return a + b; }; // 함수 시그니처 이용. type 키워드를 이용해 타입 별칭 만듦 type addNumber = (arg2: number, arg1: number) => number; let test3: addNumber = (a, b) => { return a + b; }; 함수 시그니쳐 부분을 보시면, 어떤 인자를 받고, 무엇을 리턴하는지를 type으로 만들어 놓은 후 함수에 할당만 하면 되는, 간편한 방법을 보실 수 있습니다. 일일히 타입을 ..
Programming Language/🟦 Typescript 2021. 8. 14. 16:31

never 타입은 대체 왜 있는 거임? : Exhaustive Type Checking

대표적으로 switch 문에서, 모든 case에 대한 처리가 이루어지지 않아서 default로 빠지게 되는 경우가 있다. typescript에서는 이러한 케이스를 방지할 수 있다. 아래와 같은 케이스를 살펴보자. interface Circle { kind: 'circle' radius: number } interface Square { kind: 'square' sideLength: number } type Shape = Circle | Square function getArea (shape: Shape) { switch (shape.kind) { case 'circle': return Math.PI * shape.radius ** 2 // 실수로 shape가 Square인 부분을 handling 하지 ..
Programming Language/🟦 Typescript 2021. 8. 7. 20:55

type narrowing(type guard)와 Type Predicates(타입 명제)

type guard가 왜 필요한가 아래의 경우 유니언 타입으로 잡아주었기 때문에 공통적인 프로퍼티만 사용할 수 있습니다. 만약 intersection을 사용하면 정의 자체를 name, age, skill을 전부 넣어줘야 하니 의도한 방식이 아닙니다. interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function introduceSelf(): Developer | Person { return { name: "darren", age: 23, }; } // Developer | Person 이므로 공통 특성인 name만 사용할 수 있음. const daren = introduc..
Programming Language/🟦 Typescript 2021. 8. 7. 20:35

literal type과 const assertion

literal type literal type은 간단히, 특정 값을 타입으로 고정시키는 것이다. 물론 특정 값을 type 선언해서 사용할 수도 있긴 하다. deprecated라고 뜰 뿐이지... type name = 'Darren' const me: 'Darren' = 'Darren' const cloneMe: name = 'Darren' // deprecated literal template 어따 써먹지라는 생각을 할 수도 있지만 아래와 같이 종종 유용하게 사용된다. interface widthOption { width: number } const setDivWidth = (width: widthOption | 'auto') => { return width === 'auto' ? 'auto' : `${..
Programming Language/🟦 Typescript 2021. 8. 7. 17:47

Utility types : Partial, Record, Pick, Omit ...

원본) https://www.typescriptlang.org/docs/handbook/utility-types.html typescript-kr.github.io/pages/utility-types.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io 우선 급하게 사용할 내용만 정리했습니다. 이후 시간이 날 때 나머지 유틸리티 타입을 살펴볼 계획입니다. TypeScript는 공통 타입 변환을 용이하게 하기 위해 몇 가지 유틸리티 타입을 제공합니다. 이런 유틸리티들은 전역으로 사용 가능합니다. * Nest의 Mapped Type의 개념과 비슷합니다. @PartialType, @OmitType ... - Parital T의 모든 프로퍼티..
Programming Language/🟦 Typescript 2021. 5. 30. 02:13

Dependency Injection(의존성 주입) in Typescript

Dependency Injection (DI)? Nest를 다루다 보면 'Dependency Injection'(DI)가 참 많이 나온다. 아니, Nest에서의 핵심이라고 하는 편이 맞을 것 같다. DI는 고유한 것이 아니라 JAVA spring, daggar 등 다양한 언어, 프레임워크에서 사용되는 패턴이다. js가 OOP에 적합한 언어가 아니라는 인식이 있어서 DI는 외면당해왔는데, 견고한 node 프로젝트를 위해서는 DI를 사용하는 편이 좋다고 한다. - 견고한 node 프로젝트 설계하기 참고 '의존성 주입'이란 용어를 짚어보자. 의존성 : 어떤 함수, 클래스 등이 내부에 다른 함수, 클래스를 사용함 주입 : 어떤 함수, 클래스 등이 내부에 사용하는 다른 함수, 클래스를 내부에서 생성하는 것이 아니..
Programming Language/🟦 Typescript 2021. 4. 27. 00:26