[TypeScript] 기본 타입 정리

이 글은 인프런의 TypeScript 입문 - 기초부터 실전까지 강의를 듣고 정리한 글입니다.

 

타입스크립트에는 여러가지 타입이 있다. 이 타입들에 대한 개념은 필수인데, 그 이유는 변수 지정을 할 때 타입을 꼭 지정해줘야 하기 때문이다. 아래 코드에 주로 쓰이는 타입들을 정리해봤다.

 

1. 자바스크립트에서는 const str = 'hello' 와 같이 지정했다면, 타입스크립트에서는 const str: string = 'hello' 와 같이 정의한다.

2. 타입스크립트에서 배열은 크게 두 가지 방식으로 정의할 수 있는데, 첫 번째는 타입을 Array<타입>으로 정의하는 것이고, 두 번째는 타입[] 으로 정의하는 것이다.

let arr: Array<number> = [1, 2, 3];
let arr2: number[] = [1, 2, 3];

이 두개는 같다.

 

3. 타입스크립트에서 튜플은, 배열의 길이가 고정되고 각 요소의 타입이 지정되어 있는 배열 형식이다. 배열에서 좀 더 확장된 형태라고 생각하면 편하다.

let address: [string, number] = ['sangminpark', 26];

 

 

4. 타입스크립트에서 객체도 두 가지 방식으로 정의할 수 있는데, 첫 번째는 속성에 대한 타입 없이 객체 자체만 정의해주는 경우이고, 두 번째는 일반 함수 정의할 때와 비슷하다. 객체 내 각 속성에 대한 타입을 정의해주는 방식으로 하면 된다.

let person: object = {
  name: 'sangminpark',
  age: 26,
};

let person: { name: string; age: number } = {
  name: 'sangminpark',
  age: 26
};

첫 번째는 객체의 기본 틀이고, 객체 내 각 속성에 대한 타입까지 정의해 준 것이 두 번째이다.

 

5. 타입스크립트에서 진위값은, boolean 타입을 지정해주면 된다.