TypeScript 기본 타입

TypeScript 타입 지정 방법

// 변수 선언 시 타입 지정
// TypeScript 코드
let size: number = 100;
size = 105;

// 컴파일 명령
$ tsc

// JavaScript 코드
"use strict";
let size = 100;
size = 105;

• : 변수의 타입 : 타입 주석 or type annotation

TypeScript 타입은 개발 단계에서만 유효하며, 컴파일된 JavaScript 코드에는 포함되지 않는다.

TypeScript 기본 타입

number, string, boolean, null, undifined

// number
let num1: number = 25;
let num2: number = -25;
let num3: number = 0.25;
let num4: number = -0.25;
let num5: number = Infinity;
let num6: number = -Infinity;

// string
let str1: string = "abc";
let str2: string = 'def';
let str3: string = `def`;
let str4: string = 'def ${str1}';

// boolean
let bool1: boolean = true;
let bool2: boolean = false;

// null
let null1: null = null;

// undefined
let undef: undefined = undefined;

// 리터럴 타잆
let numA: 10 = 10;
let strA: "hello" = "hello";
let boolT: true = true;
let boolF: false = false;

TypeScript의 배열과 튜플

배열은 동일한 타입의 요소들을 담고,
튜플은 서로 다른 타입의 고정된 개수의 요소들을 담을 수 있다.

// 배열
let numArr: number[] = [1, 2, 3];
let strArr: string[] = ["one", "two", "three", "four"];
let boolArr: Array<boolean>: [true, true, false];
let multiArr: (number | string)[] = [5, "five"];

// 다차원 배열
let doubleArr: number[][] = [
  [1, 3, 5],
  [7, 9],
];

// 튜플
let tuple1: [number, number] = [10, 20];
let tuple2: [number, string, boolean] = [7, "seven", true];
const users: [string, number][] = [
  ["Lisa", 29],
  ["Jisu", 29],
  ["Jennie", 28],
  // [27, "Rose"], // Error 
]

구분	배열	튜플
타입 고정	❌	⭕
길이 제한	❌	⭕