타입스크립트

타입스크립트 기본 타입 정리 (2)

알럽유 2024. 9. 11. 16:02
728x90

변수 만들 때 타입정하기

타입 스크립트는 변수를 만들때 변수의 타입을 지정 가능합니다.

let 자동차: string ='car'

변수명: 타입 이렇게 하면 됩니다.

자동차는 이제 string 타입이 되고 number(숫자) 를 사용하게 되면 오류가 생깁니다.

 

탑입은 여러가지가 있습니다.

string, number, boolean

let 자동차 : string ='car';
let 나이 : number =25;
let 남자 : boolean = true;

 

추가로 null, undefined 이런것들도 있습니다.

 

 

array 또는 object 자료 안에도 타입 지정가능합니다.

let 학생들: string[] = ['kim','na','beak']

array 자료안에 들어갈 타입은 타입명[] 이렇게 지정하면 됩니다.

마찬가지로 string 만 사용가능하고 number 타입을 사용하면 오류가 납니다.

string 과 number을  같이 사용하고 싶으면  변수명:(string | number)[] 이런식으로 하면 됩니다.

 

object 자료 안에 타입은 이런식으로 하면 됩니다.

let 학생정보 : {age : number} ={age:20}

 

 

union type

let 이름: (string | number) = 'kim';
let 나이: (string | number) = 100;

 

이러면 name, age 변수엔 string 또는 number만 들어올 수 있습니다. 

그리고 할당하는 순간 타입은 string 또는 number 중 하나로 변합니다.

 

array, object 자료 만들 때 union type 쓰는 방법

var array: (string|number)[] = [1,'2',3]
var object: {data : (number|string)} = { data : '123' }

 

모든 자료형을 허용해주는 any타입

let 이름: any;
이름= 123;
이름 = true;
이름=[]

 너무 막쓰면 타입스크립트를 쓰는 의미가 없어집니다.

any타입은 -> 타입 실드 해제 문법입니다.

 

모든자료형을 허용해주는 unknown타입

let 이름 : unknown;
이름 =123;
이름 ={};
이름 =[];

let 변수1 : string = 이름; // 오류 지금 이름 타입은 [] 이기때문에 string은 안됨

 

let 이름 : unknown
이름 -1 
// 오류 unknowm  타입은 - , + , * , % 못함