기본타입
let a: number
a = 3;
a = "3"; // error
let name : string = 'seojun'
name = seojun //error
`
enum
이나 string
으로 사용한다.boolean
타입은 참(true) 또는 거짓(false) 값이다. let age: number = '25'
let isAdult:boolean = true;
array 자료안에 들어갈 타입은 타입명[]
으로 지정하면 된다
let a: number[] = [1,2,3]
let a2: Array<number> = [1,2,3]
let fruits: string [] = ["apple", "bannna", "grape"]
fruits.push(3) // error
function showItems(arr: number[]){
arr.forEach((item) => console.log(item);
});
}
showItems([1,2,3]);
showItems(['1','2','3']);
object 자료안에 들어갈 타입은 선언한 object와 똑같은 모습으로 지정하면 된다.
변수명 오른쪽에 오는 것들은 전부 타입지정 문법입니다.
let info : { age : number } = { age : 20 }
const person: [string, number, boolean] = ['Spartan', 25, false];
const person2: [string, number, boolean] = [25, 'Spartan', false]; // error
순서
가 정의와 일치해야 하며, 들어오는 데이터의 개수도 맞춰야한다.그룹화
하고자 할 때 사용한다.0
으로 시작한다.number
혹은 string
타입의 값만을 할당할 수 있다.위에서 타입 지정하는 것을 살펴보았습니다. 하지만 모든 변수에 타입을 지정하려고 한다면 여간 귀찮은 일이 아닐겁니다. 그렇기에 타입스크립트는 변수 생성시 타입스크립트가 타입을 자동으로 부여해줍니다.
보시다싶이 문자열인 '서준'을 담고 있는 변수 myName에 따로 string 타입을 지정하지 않았음에도 변수 myName을 확인하면 자동으로 타입이 string으로 지정된 것을 볼 수 있습니다.
타입스크립트에 대한 무서움을 조금 해소할 수 있는 글이였어요. 잘읽었어요~