[TypeScript] Index Signatures

 

 

 

 

안녕하세요 동기 여러분! 오늘은 Index Signature에 대해 알아봅시다!

 

 

 

 

 

Index Signatures

객체를 유형을 알아낼 때 가끔씩 객체의 프로퍼티의 이름을 알 수가 없는 경우가 있습니다. 특히, 우리가 밖의 데이터 source/API의 정보를 받아 올 때 그런데요, 아래의 코드를 보도록 합시다.

 

{
    '오늘의': 2;
    '점심은': 53;
    '초밥이다': 12;
    '기분저아': 1;
}

위 코드를 보면 '프로퍼티가 string이네, 값은 number구나!'라는 기본적인 사실은 알 수 있지만 프로퍼티의 이름을 알 수가 없습니다. 

 

이런 경우, Index Signature를 활용하여 개발자들이 객체의 자세한 정보를 빠르게 알아차릴 수 있게 도와줍니다.

 

---

Index Signature 생김새

interface Lunch {
    [watISay: string]: number;
}

• 인터페이스(타입) Lunch를 설정해주고
• [watISay: string]으로 Lunch의 모든 프로퍼티의 이름과 타입을 정해줍니다.
• 그리고 그의 값은 숫자 타입으로 정해줍니다.
• watISay는 순전히 개발자들을 위한 이름입니다. 사람이 읽고 빠르게 이해하도록 돕기 위해 사용합니다. 물론, 다른 이름 사용 가능

 

---

 

오늘의 느낌

진짜로 초밥을 시켰닼ㅋㅋㅋ 아 배고파