TypeScript 타입 별칭

⭐ 객체 타입 지정(명시)

• {} 중괄호를 사용하여 표현
• 각 데이터별 타입 명시의 구분은 세미콜론(;) 사용을 권장

✔️ 기본 사용 방법

• type 키워드를 사용하여 저의
• type 타입별칭 = 타입;

⭐변수 타입 별칭

type TextType = string;

타입 별칭은 다른 코드와의 식벼를 우해 대문자로 시작

let text: TextType = '텍스트 문자열입니다.';
type NumberType= number;
let num: NumberType = 1923;

변수의 경우 별칭 사용을 거의 하지 않는다.

 

⭐ 객체 타입 별칭

타입 별칭 내에서 선택적 프로퍼티 & 읽기 전용 속성 사용 가능

type UserType = {
  name?: string;
  readonly height: number;
}

const user1:UserType = {
  name: '장지민',
  height: 160
}

 

const user2:UserType = {
  //name: '장지민'
  height: 160
}

 

 

⭐ 함수 타입 별칭

type User ={
  id: string;
  password: string;
}

type VaildUser = (user: User) => boolean;


const isValidUser: VaildUser = (user) => user.id !== '';

let userA:User = {
  id: 'queibn33',
  password: 'ddddeee11'
}

let userB: User = {
  id: '',
  password: 'ddddddgggg1212'
}

console.log(isValidUser(userA)); //true
console.log(isValidUser(userB)); //false

 

함수에도 타입을 지정해서 사용할 수 있다.

 

✅  type VaildUser = (user: User) => boolean;

• 이 함수는 User 타입의 객체를 인자로 받아 boolean을 반환하는 함수라는 의미입니다.
• User라는 타입은 코드에 정의되어 있어야 하며, 이 코드에서는 생략되어 있습니다.

 

✅ const isValidUser: VaildUser = (user) => user.id !== '';

 

• isValidUser 함수는 VaildUser 타입을 사용해 선언되었습니다.
• VaildUser 타입에 맞게 user라는 매개변수를 받아, 이 매개변수의 id가 빈 문자열이 아닌지 검사합니다.
• 여기서 user.id !== ''는 user 객체의 id 값이 빈 문자열이 아닌 경우에만 true를 반환합니다.