👨‍💻 사건

오타방지 와 올바른 타입을 사용하기위해 Type 을 지정해 보기로 했다.

✅ 해결

컴포넌트 별로 type.ts 파일을 별도로 생성하여, 그 컴포넌트에 필요한 타입을 따로 분리해 두었다.

아래가 type.ts 파일 일부 코드이다.

/* 회원가입시 body 타입 */
export interface JoinMembershipType {
  user: {
    username: string;
    email: string;
    password: string;
    accountname: string;
    intro: string;
    image: string; // 예시) https://mandarin.api.weniv.co.kr/1641906557953.png
  };
}

/* 로그인시 body 타입 */
export interface LoginType {
  user: {
    email: string;
    password: string;
  };
}

interface 로 타입을 지정한 이유는, 같은 변수를 선언하여 확장하는 경우에 수를 두기위해서 interface를 사용하였다.