let age:number = 3;
let isAdult:boolean = true;
let a:number[] = [1,2,3];
let a2:Array<number> = [1,2,3];
let week1:string[] = ['mon', 'tue', 'wed'];
let week2:Array<string> = ['mon', 'tue', 'wed'];
let mrgintCtsfd:string | undefined = undefined;
let nullableNumber:number | null = null;
let color:'red' | 'orange' = 'red';
color = 'orange';
color = 'green'; // 에러
// yarn run tsc 시 오류된 부분 나옴
funtion sum( x:number , y:number ):number { // 결과 타입을 지정한 형태
return 'adef'; // 빨간줄 생김
return x + y; //
}
function sumArray(numbers:number[]):number{
return numbers.reduce((acc, current) => acc +current, 0);
}
배열과 객체
// 배열 타입 정의
let hobbies: string[];
// 객체 타입 정의
let person: {
name: string;
age: number;
};
// 객체 사용
person = {
name: 'Max',
age: 32
};
// 객체를 배열로 저장
let people: {
name: string;
age: number;
}[];
type alias
타입 알리아스를 통해 전체 정의를 반복해서 사용할 필요 x
type 키워드를 사용 -> 자바스크립트에는 없지만 타입스크립트에서 추가!!
type 키워드 이후 원하는 이름을 사용, 그것이 새로운 타입 이름이 될 것이다.
type Person = {
name: string;
age: number;
}
let person: Person; // alias
// 위의 코드 한 줄은 아래 코드 내용과 같다.
// let person: {
// name: string;
// age: number;
// }
alias 를 이용한 것이다.
혹은
let people: Person[ ];
과 같이 person 이 가득한 배열로 할 수 있다.
'👩🏻💻 TIL' 카테고리의 다른 글
쿼리 루트 타입, mutation (0) | 2022.01.01 |
---|---|
ORM - prisma (0) | 2021.12.31 |
2021_12_26_TIL (1) | 2021.12.26 |
2021_12_19_TIL (0) | 2021.12.19 |
2021_11_18_TIL (0) | 2021.11.18 |