TypeScript의 기본 타입들
number ( Number X )
let age: number;
age = 12;
string (String X)
let userName: string;
userName="Max";
boolean
let isInstructor: boolean;
isInstructor = true;
복잡한 타입
arrays
let hobbies: string[];
// number[], boolean[] ...
hobbies=['Sprots', 'Cooking'];
objects
//타입 미지정시 any 타입으로 지정됨, 추천하지 않음
let person: {
name: string,
age: number,
};
person = {
name: "Max",
age: 32,
}
object array
let person: {
name: string,
age: number,
}[];
//와 같이 객체의 배열형태 타입 지정도 가능
union
let course: string | number | boolean = 'React...';
course= 123;
type alias (타입별칭)
//TS 에만 있는 type 키워드로 원하는 타입을 생성할 수 있다.
// = 뒤에는 값이 아닌 타입을 정의한 것이다.
type Person = {
name: string;
age: number;
};
functions types
// 자동적으로 number타입으로 지정됨
function add(a:number, b:number) {
return a + b;
}
//return 문이없는 경우 void타입으로 지정된다.
// 함수에 반환값이 없다는 것을 뜻하는 의미로 통해
//만약 이 함수의 반환값을 받아 작업하려면 undefined 타입으로 값을 받아야한다.
function printOut(value: any){
console.log(value);
}
generics
//함수와 매개변수에서 해당 타입들을 사용할 수 있게된다.
function insertAtBeginning<T> (array: T[], value: T){
const newArray = [value, ...array];
return newArray;
}
const demoArray = [1,2,3];
const updatedAaray = insertAtarray(demoAaray, -1); //[-1, 1, 2, 3]
const stringArray = insertAtBeginning (['a','b','c'], 'd');