<div id="readability-page-1" class="page"><div><h3 id="1-type-and-interface-with-intersection">1. type and interface with intersection</h3>
<blockquote>
<p> <a href="https://devocean.sk.com/blog/techBoardDetail.do?ID=165230&amp;boardType=techBlog">interface는 객체 상속을 지원하며 캐싱의 장점이 있지만, type은 모든 유형의 타입을 정의할 수 있고 중복 정의 문제가 발생하지 않는다는 특징이 있습니다. 그리고 인터페이스는 인덱스 시그니처를 암묵적으로 갖지만 타입은 그렇지 않다는 차이점도 있습니다. </a></p>
</blockquote>
<p><img src="https://velog.velcdn.com/images/dongha1992/post/db6be2f4-c5ee-419e-bdeb-824747501fd3/image.png"></p>
<p>정의된 2개의 <code>type UserPart</code>와 <code>type UserPart2</code>를 교차 타입을 통해 하나의 <code>type User</code>로 정의하려고 한다. </p>
<p>하지만 위의 경우 <code>UserPart.id</code>와 <code>UserPart2.id</code>의 타입이 달라 <code>user.id</code>의 타입은 <code>never</code>가 된다.</p>
<p><img src="https://velog.velcdn.com/images/dongha1992/post/2eef8b3c-7891-4dea-a8ea-27fff70f08eb/image.png"></p>
<p>위 경우 보통<code>interface</code>의 extend를 활용한다. </p>
<p><img src="https://velog.velcdn.com/images/dongha1992/post/0d4c70dc-fa9c-4ea4-8d02-df0b8dc8e81e/image.png"></p>
<p>여기서 살펴봐야하는 점은 <code>interface User</code>에서 이미 타입 에러가 나온다는 것이다. </p>
<p>즉, interface를 사용하게 되면 타입들을 extending 할 때 이미 에러를 알 수 있게 된다.  </p>
<p><img src="https://velog.velcdn.com/images/dongha1992/post/3a20202b-68bb-49ca-b3f6-fc69447943f9/image.png"></p>
<p><code>type</code> 키워드로 타입을 교차하는 경우, <code>id</code>의 타입이 다르다는 것을 보장하지 않지만, <code>interface</code>는 체크해준다. </p>
<p>참고: <a href="https://www.totaltypescript.com/">total typescript</a> </p></div></div>

삶도 재입학이 되나요?

1. type and interface with intersection
 interface는 객체 상속을 지원하며 캐싱의 장점이 있지만, type은 모든 유형의 타입을 정의할 수 있고 중복 정의 문제가 발생하지 않는다는 특징이 있습니다. 그리고 인터페이스는 인덱스 시그니처를 암묵적으로 갖지만 타입은 그렇지 않다는 차이점도 있습니다. 
정의된 2개의 type UserPart와 type UserPart2를 교차 타입을 통해 하나의 type User로 정의하려고 한다. 
하지만 위의 경우 UserPart.id와 UserPart2.id의 타입이 달라 user.id의 타입은 never가 된다.
위 경우 보통interface의 extend를 활용한다. 
여기서 살펴봐야하는 점은 interface User에서 이미 타입 에러가 나온다는 것이다. 
즉, interface를 사용하게 되면 타입들을 extending 할 때 이미 에러를 알 수 있게 된다.  
type 키워드로 타입을 교차하는 경우, id의 타입이 다르다는 것을 보장하지 않지만, interface는 체크해준다. 
참고: total typescript

Total Typescript - Objects

댓글