언어(Programming Language)/TypeScript

[TypeScript] 기본 타입(자료형)

RyanSin 2021. 9. 22. 17:06
반응형

- 개요

안녕하세요. 이번 시간에는 TypeScript 기본 타입(자료형)에 대해 알아보겠습니다.

 

TypeScript 환경 설정을 하지 않고 공식 홈페이지에서 제공하는 환경을 사용하겠습니다.

(링크: https://www.typescriptlang.org/play)

 

- 기본 타입(자료형)

TypeScript는 변수를 선언할 때 기본적으로 타입 추론 기능을 제공합니다.

 

하지만 Class, Object 등 사용할 때는 타입 추론을 제공하지 않기 때문에 기본적으로 TypeScript로 개발할 때는 꼭 타입을 선언해 사용하는 습관을 가지시는 걸 추천합니다.

 

TypeScript는 다른 언어와 비슷하게 string, number, boolean, any 그리고 null, undefined 형태를 지원합니다.

또한 배열 ([], Array), 튜블([string, string])과 Enum,  Class, Object도 지원합니다.

 

/**
 * 타입 선언 방법
 * const 변수명:자료형 = 값;
 */
 
// 타입추론
const name1 = "ryan1";
const name2:string = "ryan2";

// 기본타입
const str:string = "문자열";
const num:number = 1;
const bool:boolean = true;
const nul:null = null;
const undi:undefined = undefined;
const anys:any = 1;

// 배열
const users1:string[] = ['ryan1', 'ryan2', 'ryan3']
const number:Array<number> = [1,2,3]

// 튜플
let tuple:[string, number]

//Enum
enum Gender {
    Man,
    Woman
}

기본적으로 변수명 뒤에 :(콜론)을 작성하고 자료형을 선언하면 우리가 원하는 변수에 타입을 설정합니다.

 

Java, Swift 등 Compile 언어를 사용해하신 분들은 엄청 어렵다고 생각하지 않으실 겁니다. 

 

이번 시간에는 TypeScript 기본 타입을 선언하는 방법에 대해 알아봤습니다. 꼭 타입을 선언하는 습관을 가지도록 하면 좋겠습니다. :)