👩🏻‍💻 TIL

타입스크립트 자료유형 기초

ji-hyun 2021. 12. 28. 14:00
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