타입스크립트 기초, 타입

타입스크립트는 자바스크립처럼 여러 타입을 가진다. 오늘은 여러 타입 중 string, number, array, tuple에 대해 알아본다.

1. 기본 타입

(1) string

• 문자 데이터의 타입을 말한다.
• 큰 따옴표(""), 작은 따옴표('')을 사용한다.

// js 문자열 선언
const str1 = 'hello';

//ts 문자열 선언
const str2:string = 'hello';

(2) number

• 숫자 데이터 타입을 말한다.
• js와 마찬가지로 16, 10진수, 8진수 등을 지원한다.

// js 숫자
const num1 = 1;

// ts 숫자
const num2: number = 1;

(3) array

• array(배열)은 하나의 변수(배열)에 여러 데이터(원소)를 관리하는 데이터이다.
• 타입스크립트에서는 지정한 타입의 데이터만 원소로 존재할 수 있다.

// js 배열
const arr = [1,2,3];

// ts 배열
const arr1: Array<number> = [1,2,3];
const arr1: Array<number> = [1,2,3, '33'];  //number만 들어가야하므로 잘못된 배열임
const arr2: Array<string> = ['a', 'b', 'c'];
const arr3: number[] = [1,2,3];

(4) 튜플

• 튜플은 배열과 다르게 각각의 원소에 대한 타입 선언이 가능하다.

const tuple: [string, number] = ['a', 11]; 

(5) 객체

• 객체는 이름(name), 값(value)으로 구성된 속성의 집합이다.

// js 객체
const obj1 = {};

// ts 객체
const obj2: object = {};
const person1: object = {
  name: 'cat',
  age: 12
};

• 객체 내 속성의 타입을 지정하는 법은 아래와 같다.

const person2: {name: string, age: number} = {
  name: 'cat',
  age: 12
}

(6) 진위값

• 진위값(boolean)은 참(true) 혹은 거짓(false) 데이터의 타입이다.

const show:boolean = true;