728x90
반응형
SMALL

typescript 4

[TypeScript] type와 interface의 차이, class

Class 추상(abstract) 클래스 오직 다른 클래스가 상속받을 수 있는 클래스이지만 직접 새로운 인스턴스를 만들 수는 없다. 추상(abstract) 메소드 추상 클래스 내에서는 메소드를 적지 않고 call signature만 작성해야한다. 추상 클래스를 상속받는 클래스들이 반드시 구현(implement)해야하는 메소드이다. 접근 가능한 위치 private : 해당 클래스 내에서만 접근 가능, 자식 클래스에서도 접근 불가 protected : 해당 클래스와 자식 클래스에서 접근 가능 public : 기본값, 모든 클래스에서 접근 가능 상속 방법 : extends abstract class User{ constructor( private firstname : string, private lastnam..

[TypeScript] call signatures, 오버로딩, 다형성, 제네릭

호출 시그니처(Call Signatures) 프로퍼티로 호출 가능한 것을 설명하려면 객체 타입에 Call Signature을 작성할 수 있다. Call Signatures는 다음과 같이 함수의 매개 변수(parameter)와 반환 타입을 지정하여 이 함수가 어떻게 호출되는지 설명해주는 부분을 말한다. const add = (a : number, b : number) => a + b; // 위의 코드에서 a와 b의 타입 지정을 하고 싶지 않다면 call signature 타입을 만들어 사용 // call signature 타입 사용 후 type Add = (a : number, b : number) => number; // call signature const add : Add = (a, b) => a +..

[TypeScript] 타입스크립트의 타입 별칭(type alias)

type 특정 값이나 객체의 값에 대한 타입을 지정해줄 수 있다. 특징 Type alias(타입에 대한 별명)를 만들어줄 수 있다. 타입을 특정한 값을 가지도록 제한할 수 있다. 타입 별칭(Type Alias) object의 타입을 명시적으로 정해주는 방법이며 type 키워드를 사용해서 타입에 이름을 설정해서 사용한다. // Alias 사용 전 const player : { name: string, age?: number } = { name: "name" } // Alias 사용 후 type Age = number; type Player = { name: string, age?: Age } const player : Player = { name: "name", } 아래는 함수에서 return 타입을 지정..

[TypeScript] 타입스크립트는 왜 좋은 프로그래밍 언어일까?

Typescript 를 쓰는 이유 Javascript는 개발자가 실수를 피할 수 있도록 만들어져 있지 않다. “[] + true”와 같은 말도 안되는 코드를 작성해도 Javascript에선 실행 가능 함수를 실행할 때 필요한 argument의 개수가 달라도 Javascript에선 실행 가능 객체 안에 존재하지 않는 함수를 호출 가능 ⇒ 코드가 실행되고 나서야 에러 메시지 확인 가능해서 사용자에게 에러 메시지를 보여줄 수 있기 때문에 코드 실행 전에 이런 에러를 잡기 위해 Typescript를 사용한다. 어떻게 Typescript가 에러를 발생시킬까? Typescript는 프로그래밍 언어로서 브라우저는 Typescript가 아닌 Javascript를 이해하기 때문에 Typescript로 작성한 코드가 Ja..

728x90
반응형
LIST