TS. Alias (별칭)

🟦 기존의 TS 문법

기존의 TS 문법에서는 아래와 같이 객체, 상수, 문자, 불 함수, 배열과 같은 간단한 요소만 알아보았다.

하지만, 이번엔 만약 데이터 저장이 필요할 때 어떻게 코드를 짜야 좋을지 알아볼 것이다.

let a : number = 1; // number
let b : string = "li" // string
let c : boolean = true // boolean

let d : number[] = [1]; // number array
let e : string[] = ["li", "1"]; // string array
let f : boolean[] = [true]; // boolean array

// optional types
const player : object = {
    name: "imae"
}

🟦 TypeScript Alias 사용으로 불필요한 코드 반복 줄이기

type Player = {
    name: string,
    age?:number // ?을 붙이면서 number | undefined
}
type Age = number;
type Name = string;

const Imae : Player = {
    name: "imae"
}

const Koon : Player = {
    name: "Koon",
    age:12
}

위와 같이 코드를 반복하는 것은 비효율적인 코드 진행이다.
Alias(별칭) 사용으로 이러한 코드 진행을 줄일 수 있다.

Imae라는 변수와 Koon이라는 변수가 불필요한 반복에 의해 코드가 길어진다.

이러한 변수가 2개면 상관없지만, 100개, 1,000개, 10,000개까지 늘어나면 상당히 길어진 코드로

가독성이 떨어질 것이다.

type Player = {
    name: string,
    age?:number // ?을 붙이면서 number | undefined
}

function playerMaker(name:string, age:number){
    return  {
        name, // name: name
        age
    }
}

const playerMaker2 = (name: string) : Player => ({name})
const imae = playerMaker("Imae", 99)

이와 같이 코드 진행을 하면 100개, 1,000개, 10,000개까지 늘어나도 한 줄이면 데이터를 늘릴 수 있어서 

가독성 측면에서는 Alias를 사용하는 것이 좋다.