본문 바로가기

TypeScript/기초

[TypeScript] 기본 타입 정리

변수에 타입 선언하기 

타입스크립트는 변수를 만들 때 변수의 타입을 선언할 수 있다. 

let 이름: string = 'seo'

' 변수명: 타입 ' 으로 선언이 가능하다. 

 

변수에 타입을 지정한 경우 해당 변수에 다른 타입을 할당하면 에러가 발생한다. 

var 이름 = "seo";
// 이름 = 123;                                 --- 에러

 

기본 타입 종류

자주 쓰는 타입으로 string, number, boolean이 있다. 

let 이름 :string = 'seo';
let 나이 :number = 200;
let 결혼 :boolean = false;

외에도 null, undefined 등이 있지만 자주 사용하는 타입은 아니다. 

 

array or object 타입 선언 

여러 가지 자료를 한번에 저장할 때 array 또는 object 자료형을 사용한다. 

이때, 안에 들어가는 자료도 타입 지정이 가능하다. 

let 회원들 :string[] = ['seo', 'oh']

array 타입을 지정할 때는 타입명[]으로 선언하면 된다. 

 

let 여러가지: (string | number)[] = [1, "여러가지"];

배열 안에 동시에 여러 타입을 사용하고 싶은 경우에는 변수명:(유형1|유형2|...)[] 로 선언하면 된다. 

 

let 과일: { 붉은색: string; 노란색: string } = {
  붉은색: "사과",
  노란색: "바나나",
};

object 타입을 선언할 때는 만들 유형과 동일한 속성으로 {속성: 타입, ... } 형식으로 선언하면 된다. 

 

팁 

모든 변수에 하나하나 타입을 지정하면 매우 귀찮아진다. 

타입스크립트는 기본적으로 타입을 자동으로 부여해주는 특징이 있다. 

let 이름 = 'seo';
let 나이 = 200;

이렇게만 선언하여도 자동으로 이름엔 string, 나이엔 number를 선언한 것이 된다. 

마찬가지로 array, object도 자동으로 선언해주는 복잡하게 타입을 명시할 필요는 없다. 

 

깃허브

https://github.com/SeoJaeWan/TypeScript/tree/master/Primitive%20Types

 

GitHub - SeoJaeWan/TypeScript

Contribute to SeoJaeWan/TypeScript development by creating an account on GitHub.

github.com

 

반응형