타입스크립트의 자료형에 대해 알아보자.

ECMAScript 표준에 따른 Primitive Type(기본 자료형)

Wrapper 타입과/Primitive Type이 있는데, Primitive Type쓰는 것을 권장함.

  • Boolean/boolean
  • Number/number
  • String/string
  • null : 값으로 할당된 것을 null 이라고 함, 모든 자료형에 할당될 수 있음.
  • undefined : 값을 할당하지 않은 변수
  • Symbol
1
2
3
4
5
6
let sym = Symbol();
let obj = {
[sym]: "value"
};

console.log(obj[sym]); // value
  • Array : Array<타입>, 타입[]
1
2
const array:number[] = [1, 2, 3, 4, 5];
const array2:Array<number> = [1, 2, 3, 4, 5];

추가 타입

  • Any : 최대한 쓰지 않는 것이 TypeScript를 잘쓰는 길이라는 의견이 있음.
  • Void(함수 리턴)
  • Never(함수 리턴)
  • Enum
1
2
3
4
enum Color { Red, Green=2, Blue}
let c: Color = Color.Green;
console.log(c); // 2
console.log(Color[c]); // Green
  • Tuple : Array의 변칙 형태로, 배열인데 타입이 한가지가 아닌 경우.
1
const tu : [number, string] = [0, "일"];

Template String

행에 걸쳐있거나, 표현식을 넣을 수 있는 문자열.

Union Type

string | null | defined 식으로 사용.

Type Assertions

실제로 해당 타입으로 바꾸는 것이 아니라, 컴파일러에게 타입 체크를 할 시에만 타입스크립트 컴파일러에게 알려주는 것.

1
2
let strLength: number = (<string>someValue).length;
let strLength: number = (someValue as string).length;

Type Allias

타입 이름의 별칭을 지정

1
2
3
4
5
6
7
type MyType = string | number;
let myStr: MyType = 'hello';
let myNum: MyType = 1;

// tuple
type MyTuple = [string, number];
let another: MyTuple = ['Anna', 1];

Reference

https://www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%BD%94%EB%A6%AC%EC%95%84-1705-%EA%B8%B0%EC%B4%88-%EC%84%B8%EB%AF%B8%EB%82%98/

Comment and share

Author's picture

Junho Nam

enjoy while living


full stack web developer


Seoul, Korea