타입스크립트 타입

LastCarol·2023년 7월 7일

원시타입? 하나의 값만 저장할 수 있는 타입
number, string, boolean, null, undefined

리터럴 타입이란?
리터럴이 값이라는 뜻 타입 주석에다가 값을 넣어 값을 고정하는 것
ex) let numA: 10 = 10; 이라고 설정할 시 numA라는 변수에 10이외에 다른 변수를 넣을 수 가 없음
리터럴 타입은 숫자 문자 불리언 다 할 수 있음

타입스크립트에서에 배열?
타입 주석에다가 타입[]이라는 형태로 기입함
ex) let numArr:number[] = [1,2,3];
ex) let boolArr: Array = [true,false,true]와 같이 제네릭으로도 표현이 가능함

하지만 배열에 들어가는 타입이 다양할 경우는 유니온을 사용함

다차원 배열을 정의할 때는
let doubleArr: number[][] = [
[1, 2, 3],
[4, 5],
];를 사용하면 된다.

튜플이란? 길이와 타입이 고정된 배열
ex) let tup1: [number, number] = [1, 2
배열 메소드를 사용해도 길이 제한이 적용되지 않음

타입스크립트에서에 객체는 프로퍼티까지 타입을 지정해주어야 한다.
ex) let user: {
id: number;
name: string;
} = {
id: 1,
name: "이도현",
}; 객체 리터럴 타입
선택적 프로퍼티는 프로퍼티 뒤에 ? 붙이면 된다.
ex) let user: {
id?: number; //선택적 프로퍼티
name: string;
}

프로퍼티 앞에다가 readonly를 사용하면 프로퍼티 값 변경 불가
ex) let user: {
readonly id: number; //선택적 프로퍼티
name: string;
}

타입 별칭: 객체에 타입을 임의로 변수처럼 저장함
ex)type User = {id:string, nickname:string }

인덱스 시그니처: 규칙을 이용해서 타입을 결정함
ex) type CountryCodes = {

};

profile
프론트엔드 엔지니어가 되기 위해 노력합니다.

0개의 댓글