[TypeScript] Composed Types

 

 

 

안녕하세요 동기 여러분! 오늘은 중첩된 인터페이스 프로퍼티의 값을 다른 인터페이스에 옮겨 담아 코드를 깔끔하게 만드는 방법에 대해 알아봅시다!

 

 

 

 

 

Composed Types

아래의 코드를 봅시당!

interface Color {
    red: {
        blue: string;
        green: string;
        yellow: {
            orange:number;
        }
    }
}

아주 복잡해 보이는 중첩된 인터페이스입니다. 컴포즈드 타입(Composed Type)을 이용하면 코드를 깔끔하게 정리를 할 수가 있습니다.

 

interface Color {
    red: Red;
}

interface Red {
    blue: string;
    green: string;
    yellow: Yellow;
}

interface Yellow {
    orange:number;
}

• 인터페이스 Color의 프로퍼티 red가 인터페이스 Red를 받아와서 값으로 사용합니다.
• 인터페이스 Red의 프로퍼티 yellow가 인터페이스 Yellow를 받아와서 값으로 사용합니다.

 

네~ 이게 끝입니다ㅋㅋㅋ

 

---

 

오늘의 느낌

타입스크립트 끝나면 복습 겸 파이썬 달려야쥐~~~