typescript

[typescript] 인터페이스 재활용하

문앵 2024. 7. 4. 17:11

인터페이스를 좀 잘 활용해보자라고 생각하며 프로젝트를 하니.. 타입을 맞춰주는게 너무 번거롭고 힘들었다 ㅠ

그래도 any 와 unknown을 최대한 사용하지 말자라는 생각으로 하고 있다.

 

인터페이스 파일에서 기존 형태를 정해주고 거기에 일부를 추가하거나 삭제하거나 일부 선택하여 재활용하기가 좋다.

 

1. 기존 인터페이스 확장하기 (extends)

2. 기존 인터페이스에서 일부 속성 제거하기 (Omit)

3. 기존 인터페이스에서 일부 속성만 선택하기 (Pick)

 

 

 

1. extends

interface ExtendedInterface extends OriginalInterface {
  email: string;
}

 

 

2. Omit

type PartialInterface = Omit<OriginalInterface, 'email'>;

 

 

3. Pick

type SelectedInterface = Pick<OriginalInterface, 'id' | 'name'>;

 

 

 

반응형