(Typescript) 타입스크립트, 타입 선언 방법 정리 1편

 

 

타입스크립트에서는 타입을 선언할 수 있는 방법이 다양하다.

 

워낙 다양하다 보니 타입을 선언하는 방법이 헷갈리기에 해당 포스팅으로 정리하고자 한다. 

 

 

기본 타입 정의

자바스크립트의 선언문과 비슷하지만, : 옆에 타입을 선언한다.

 

타입스크립트는 옆에 할당되는 값을 보고 자동으로 타입을 추론할 수 있기에 붙이지 않아도 된다,

 

다만 배열에 타입을 선언할 때, 빈 배열인 경우 타입을 추론할 수 없으므로 기본 타입 정의를 해 주면 좋다.

 

let name : string = "Lemu";
let age : number = "27";

//배열
let fruit : string[] = ["apple", "banana"];
let num : number[] = [];

 

 

 

타입 별칭 (Type alies)

위에 기본 타입 선언처럼 변수 바로 옆에 타입을 적어도 되지만, 선언문과 타입 선언을 분리할 수도 있다. 

 

이런 방식을 타입 별칭이라고 한다. (참고로 타입선언 시 타입명의 첫 글자는 대문자로 작성하는 것이 관례다)

 

타입 별칭은 type 키워드를 앞에 붙여서 타입을 선언한다는 것을 알려준다. 

 

선언할 타입들이 길어지거나, 한 타입을 여러 곳에 적용시킬때 유용하다.

 

• 타입 별칭의 대상: 기본 타입, 객체, 배열 , 유니언 등 모든 타입

//타입 별칭 기본 문법
type Name = string;
let name: name = "Lemu"

//타입 별칭 (묶는 예시)
type Person ={
  name: string;
  age: number;
}

let lemu: Person = {
  name: "Lemu",
  age: 27,
}

 

 

호출 시그니처 (Call Signature)

타입 별칭을 함수에 적용시키는 것은 호출 시그니처라고 불린다.

type Calculate = (x: number, y: number) => number;

const add: Calculate = (x, y) => x + y;
const sub: Calculate = (x, y) => x - y;
const mul: Calculate = (x, y) => x * y;
const div: Calculate = (x, y) => x / y;