Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- JS console
- 개발콘텐츠
- const 단언문
- TSDoc
- 커스텀
- 반복줄이기
- vue.js
- 폰트적용하기
- 타입스크립트
- javascript
- 제네릭
- React.js
- 2022
- typescript
- CSS
- returnType
- React Native
- 누구나 자료구조와 알고리즘
- utilty type
- 티스토리꾸미기
- click and drag
- Chart.js
- 리액트
- react
- 성능최적화
- 타입좁히기
- NonNullable
- 레이아웃쪼개기
- reactjs
- 공통컴포넌트
Archives
- Today
- Total
몽땅뚝딱 개발자
[TypeScript] interface와 type의 차이 본문
◽ 인터페이스(interface)
인터페이스의 특징으로는 보강을 할 수 있다는 것인데, 이를 선언 병합(declaration merging)이라고 한다.
선언 병합은 반드시 인터페이스를 사용해야 한다.
interface IState {
name: string;
capital: string;
}
interface IState {
population: number;
}
const text: IState {
name: 'test',
capital: 'TEST',
population: 50000
}
◽ 타입(type)
인터페이스는 타입을 implements로 확장할 수 있지만 유니온 같은 복잡한 타입은 확장 할 수 없다.
타입은 유니온이 가능하다.
type AorB = 'a' | 'b'
💡 타입과 인터페이스를 선택할 때 고려해야 할 것
복잡한 타입이라면 고민할 것도 없이 타입 별칭을 사용한다.
그러나 타입과 인터페이스 두가지 방법으로 표현할 수 있는 간단한 객체 타입이라면 일관성과 보강의 관점에서 고려해야 한다.
1. 프로젝트에서 일관되게 인터페이스를 사용하거나 일관되게 타입을 사용중이라면 각 타입을 유지하면 된다.
2. 아직 스타일이 확립되지 않은 프로젝트라면, 향후 보강의 가능성이 있는지 고려하여 둘 중에 하나를 선택해야 한다.
출처
댄 밴터캄, 이펙티브 타입스크립트 (프로그래밍 인사이트, 2021)
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Development > Typescript' 카테고리의 다른 글
[TypeScript] as const / const 단언문 (0) | 2022.11.20 |
---|---|
[TypeScript] Utility types - Readonly, ReturnType (0) | 2022.11.19 |
[TypeScript] 타입 선언과 타입 단언 (0) | 2022.11.13 |
[TypeScript] Utility types - Exclude, Extract, Omit, Pick (0) | 2022.11.12 |
[TypeScript] 제네릭(Generic) - 다시보기 (0) | 2022.06.06 |
Comments