[react] role에 따라 다른 가입 페이지

아이디어가 하나 생각나서.. 어플로 만들고싶지만 플러터 공부가 필요해서 일단은 리액트로 시험삼아+복습겸 작은 프로젝트를 하나 하려고 한다.

대략 학생과 선생님의 원활한 소통을 위한 어플인데
학생과 선생님을 타입으로 정의하다보니 필요 정보가 꽤 다르다고 느꼈다.

export type UserRole = "admin" | "teacher" | "student";
export type Gender = "girl" | "boy";

export interface Teacher {
  type: "teacher";
  name: string;
  birth: Date;
  address: string[];
  class: string;
}
export interface Student {
  type: "student";
  name: string;
  age: number;
  birth: Date;
  gender: Gender;
  address: string[];
  class?: string;
  caution: string[];
}

export type User = Teacher | Student;

그래서 생각한게 처음에 가입할때 선생님인지, 학생인지에 따라 다른 폼을 보여줘야겠구나 하는 거였다.
최근에 로그인 관련 수업을 들었던 것을 써먹으면 딱 좋겠다 싶다!