변수에 타입 선언하기
타입스크립트는 변수를 만들 때 변수의 타입을 선언할 수 있다.
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
반응형
'TypeScript > 기초' 카테고리의 다른 글
[TypeScript] 함수에 타입 지정하기 (1) | 2022.05.08 |
---|---|
[TypeScript] 추가 타입 (5) | 2022.04.21 |
[TypeScript] 컴파일 시 세부 설정 (0) | 2022.04.15 |
[TypeScript] React에서 TypeScript 사용하기 (0) | 2022.04.13 |
[TypeScript] 타입 선언 (2) | 2022.04.08 |