공삼
article thumbnail


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');

 

profile

공삼

@g_three

포스팅이 좋았다면 "좋아요❤️" 또는 "구독👍🏻" 해주세요!