본문 바로가기

부트캠프교육중/TypeScript22

[TS] 유니언타입(|)과 인터섹션타입(&) 차이 let seho3: string | number | boolean; let capt: string & number & boolean; interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function askSomeone(someone: Developer | Person){ someone.name } interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function askSomeone2 (someone: Developer & Person){ some.. 2023. 8. 15.
[TS] 인터섹션 타입 인터섹션 타입 & let capt: string & number & boolean; 이건 and의 의미이다. interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function askSomeone2 (someone: Developer & Person){ someone.name; someone.skill; someone.age; } askSomeone2({ name: '디벨로퍼', skill: '웹개발', age: 34 }); 2023. 8. 15.
[TS] 유니언타입 유니언타입: 하나의 타입 이상을 쓸수 있게 만든것 interface Developer { name: string; skill: string; } interface Person { name: string; age: number; } function askSomeone(someone: Developer | Person){ someone.name } 공통된 속성, 보장된 속성에 대해서만 제공을 한다. skill, age 쓰고 싶으면 if문 써야한다. ★★★★★ 유니언타입 ★★★★ let seho: string | number | boolean; 이렇게 쓰면 or의 의미이다. interface Developer { name: string; skill: string; } interface Person { name.. 2023. 8. 15.
[TS] 타입가드 function logMessage2(value: string | number) { // console.log(value); if(typeof value === 'number'){ value.toLocaleString(); } if(typeof value === 'string'){ value.toString(); } } 이런식으로 value의 타입을 지정을 하고 if문에서 타입을 한정했을때 value. 만 작성해도 number로 쓰일수 있는 메서드들이 뜬다. 이런걸 '타입가드' 라고 한다. 타입 가드: 특정 타입으로 타입의 범위를 좁혀나가는(필터링 하는 과정) 2023. 8. 15.