type vs interface

// X
type MyFile extends File = {}

// O
interface MyFile extends File {
  preview: string;
}

// O
type MyFile = {preview: string} & File

• type은 extends, implements가 안됨
• 대신 extends의 경우는 & 키워드를 사용하여 대체할 수 있다

• interface와 type은 거의 같은 역할을 한다
• 그래서 둘중 하나만 사용하여 일관적인 스타일을 유지하는 게 좋다고 들었다

참고

• 나는 typescript를 공부하면서 처음 접한게 type이라서 type을 쭉 사용해왔다
• 그런데 상속을 해야하는 경우에 마추쳤을 때, 불가피하게 interface 키워드를 사용했고,
• type을 사용할 수 없을까 찾아보다가 type vs interface 에 대한 좋은 링크를 찾았다

• https://blog.logrocket.com/types-vs-interfaces-in-typescript/
• https://www.typescriptlang.org/ko/docs/handbook/2/everyday-types.html#타입-별칭과-인터페이스의-차이점