타입 스크립트
왜 써야할까?
- 타입 에러 방지
- 타입 정의 후 정의된 타입과 다른 타입을 사용할 경우 컴파일 에러 발생
- 코드 가이드 및 자동 완성
- VSCode 등의 IDE를 이용하면 정의된 타입을 보고 해당 타입의 API 등을 자동완성으로 이용 가능함 (생산성 향상)
기초
타입 선언
const name: string = 'tester';
const isDone: boolean = false;
const age: number = 23;
const arr: Array<String> = [];
arr.push('hi');
arr.push(3);
const items: string[] = [];
const arrs: (string | number)[] = ['Apple', 1, 2];
const arrA: readonly number[] = [1, 2, 3, 4];
let tester: [string, number] = ['tester', 23];
address.push(2);
address = [2, 3];
const obj: object = {};
const person: { name: string, age: number } = { name: 'tester', age: 23};
interface user {
name: string,
age: number
}
let userA: user = { name: 'tester', age: 23};
enum Week {
Sun,
Mon,
Tue,
Wed,
Thu,
Fri,
Sat
}
console.log(Week.Mon);
console.log(Week[0]);
console.log(Week);
enum Week {
Sun,
Mon,
Tue = 0,
Wed,
Thu,
Fri,
Sat
}
console.log(Week);
console.log(Week[0]);
enum Color {
Red = 'red',
Green = 'green',
Blue = 'blue'
}
console.log(Color.Red);
const any: any = 123;
const list: any[] = [1, true, 'test'];
let a: any = 123;
let u: unknown = 123;
let v1: boolean = a;
let v2: number = u;
let v3: any = u;
let v4: number = u as number;
참고