데이터 저장 타입 - Client Type을 Request Type과 통일 vs Client Type과 Request Type 분리

[guesung]

.

[guesung]

1. Client Type을 Request Type과 통일

[guesung]

2. Client Type과 Request Type 분리

[guesung]

위와 같은 경우, 현재 birth = { year, month, date } 따로 관리하고 있습니다.
서버의 Request Type의 경우 year-month-date 형식입니다.

1. 파싱은 서버에 submit할 때 1번만 수행하면 됩니다.

[guesung]

2. 확장성을 고려하였을 때, 만약에 hour 데이터가 추가되었다면, store에 hour변수를 추가하고, datePicker에서 hour에 해당하는 SwiperPicker`를 추가하면 됩니다.

[guesung]

결론

1. Request Type을 base로 하기
2. 만약 Client Type과 Request Type이 다르다면, Request Type을 base interface로 하여, Typescript의 Omit을 이용하여 일부 타입 수정하기

예시

export interface SignUpRequest {
  phoneNumber: string;
  imageUrl?: string;
  schoolInfo: {
    school: string;
    email?: string;
    certifiedStudent: boolean; // email이 없는 경우 false
  };
  nickname: string;
  birth: string;
  gender: GenderType;
  personalities: string[];
}

export interface SignUpState extends Omit<SignUpRequest, 'personalities' | 'birth'> {
  certificateNumber?: number;
  certificateEmailNumber?: number;

  personalityIdList: number[];

  birth: DateType;
}