[FE] 요양기간 예측 기능 화면 구현

[jiva-z]

제목

요양기간 예측 기능 구현 및 페이지 접근 제어

설명

요양기간 예측 기능을 구현하고 기업 회원만 접근 가능하도록 페이지 접근 제어를 구현했습니다.

구현 내용

1. 예측 페이지 구현

   • /predict 경로에 예측 페이지 구현
   • 병명, 성별, 수술여부, 연령대, 지역본부 입력 폼 구현
   • 예측 결과 표시 기능 구현

2. 페이지 접근 제어

   • 기업 회원만 예측 페이지 접근 가능하도록 구현
   • 로그인하지 않은 사용자는 로그인 페이지로 리다이렉트
   • 일반 회원은 메인 페이지로 리다이렉트

3. 메인 페이지 수정

   • 기업 회원에게만 "요양기간 예측" 버튼 표시
   • 버튼 클릭 시 예측 페이지로 이동

4. 로그인 기능 개선

   • 로그인 응답에서 userType 정보 추출 로직 추가
   • 이메일 주소를 기반으로 사용자 타입 추정 (company 포함 여부)

5. 라우팅 설정 개선

   • React Router 설정 최적화
   • 클라이언트 사이드 라우팅 문제 해결

테스트 방법

1. 일반 회원으로 로그인 후 메인 페이지에서 "요양기간 예측" 버튼이 표시되지 않는지 확인
2. 기업 회원으로 로그인 후 메인 페이지에서 "요양기간 예측" 버튼이 표시되는지 확인
3. 기업 회원으로 로그인 후 "요양기간 예측" 버튼 클릭 시 예측 페이지로 이동하는지 확인
4. 예측 페이지에서 필요한 정보 입력 후 예측 결과가 표시되는지 확인
5. 로그인하지 않은 상태에서 /predict URL로 직접 접근 시 로그인 페이지로 리다이렉트되는지 확인

참고 사항

• 로그인 API 응답에 userType 정보가 없어 이메일 주소를 기반으로 추정하는 방식 사용
• 향후 백엔드 API에서 userType 정보를 제공하도록 개선 필요