개발/javascript

프로젝트 type 정리...

hue-yoo 2024. 4. 9. 11:01

지금 옮김팀에 react프로젝트 이슈들을 처내고 약간의 시간이 남았다.. 코드들 리펙토링 할수있는걸 찾아보니.. type이 여러군대 섞여서 사용중이다.. 흠.. 일단 type들부터 api랑 확인해서 분리해야겟다..

 

보통 타입스크립트 선언할때 아래 처럼 선언했었는데... 이프로젝트는 interface로 되어있네... 지금 하고있는 프로젝트는 타입의 확장성보다는 정형화된 api에 대응되게 작업하는게 맞다고 판단, 팀원들한테 공유 하고 작업시작!

export type Member = {
	id: string
}

 

 

일단.. interface type 큰 차이를 적어보자면...

interface A {
  x: number;
}

interface A { // 이것은 허용됩니다. A는 이제 { x: number; y: number; } 입니다.
  y: number;
}

type B = {
  x: number;
}

type B = { // 이것은 오류입니다.
  y: number;
}

 

일단.. 수고스럽지만.. api 문서에있는 스키마를 기준으로 프론트에 만들고 기존에 사용하는 interface를 다시 정리하는 작업 순으로 작업해야겟다...