구성

2023.04.03 질문

[최종발표 자료 스레드 : gif, 기능 및 구현방법 설명 간략히]

지원자 상세페이지, 알림센터

상세 페이지

1. 인재 찜하기, 취소하기, 탈락 처리
   • 새로고침시에도 정보가 날아가지 않고 다른 페이지에서 나타나는 인재 정보에도 같은 정보가 표시됩니다.
   • 탈락 처리가 된 인재는 탈락 인재 보관함으로 이동합니다.
2. 타임라인
   • 서류 검토, 면접일 지정, 채용 확정을 기반으로 날짜가 입력되고 막대가 칠해집니다. 이전의 단계를 진행하지 않으면 다음 절차로 진행할 수 없습니다.
3. 면접 정보
   • 역시 react-query 의 useMutation 을 사용하여 정보를 업데이트 합니다. invalidateQueries를 사용하여 화면을 즉각적으로 업데이트 합니다.
4. 평가 노트
   • 기존에 평가가 되어있다면 그 평가를, 없다면 기본 메세지가 출력되어 평가를 할 수 있습니다.

알림 센터

1. 필터링
   • react-query 의 select의 옵션을 사용해 채용 단계를 필터링하여 목록에 보여줍니다.
2. 인재 선택 및 메세지 전송
   • 최대 4명의 인재에게 단체 메세지를 보낼 수 있습니다. 알림 단계에 따라 기본 메세지가 출력되며 react-hook-form 의 watch함수를 사용하여 글자수를 관리하며 1,000자 이상 입력할 수 없습니다. 메세지 입력 후 주의사항에 동의해야만 메세지 전송이 가능합니다.