개발 기간 : 2023. 07. 24 ~ 2023. 08. 10
> 배포 주소 : 당연하지
> 유저 레포지토리 : 유저
> 관리자 레포지토리 : 관리자
> 백엔드 레포지토리 : 백엔드
Config
Development
Deployment
 |
 |
 |
|---|---|---|
| 안중후 | 이정환 | 김하은 |
| GitHub 팀장 초기 개발 세팅 프로필 수정, 로그인, 회원가입, Header, 비밀번호 재설정 |
관리자 페이지 (연차/당직 승인 페이지, 연차/당직 신청 페이지, 관리자 - 전체 유저 / 회원가입 요청 리스트 페이지 ) |
연차/당직 사용자 페이지 (홈페이지, 내 일정보기, 연차/당직 신청) |
1️⃣ 유저/관리자 로그인 페이지
- localStorage토큰값을 통해 로그인 유저 판별 / 비로그인 유저 로그인 유저용 페이지 진입 차단 / 로그인 유저 로그인,회원가입,비밀번호 재설정 등 비로그인 유저용 페이지 분리
- 관리자가 승인을 했을 경우에만 회원가입한 아이디 사용가능
2️⃣ 회원가입 페이지
- 이메일 중복체크 API를 통해 이메일 중복체크 후 회원가입 가능
- 비밀번호(영어 대문자, 영어 소문자, 숫자, 특수문자를 모두 포함 (8글자 이상)) && 비밀번호 확인을 통해 유효한 정보 입력시 회원가입 처리
3️⃣ 비밀번호 재설정 페이지
- 이메일 입력시 이메일을 통해 임시 비밀번호 발급
4️⃣ 전체 홈페이지
- fullCalendar 연동후 모든 , 연차 당직 데이터 조회
- 신청 분류에 따른 이벤트 색 표시
- 내가 신청한 연차 신청 현황 데이터 조회
- 내가 신청한 당직 신청 현황 데이터 조회
- 연차 신청 상태 값에 따른 상태값 표시
- 당직 신청 상태 값에 따른 상태값 표시
- 연차 신청 취소 클릭시 연차 취소후 fullCalendar 업데이트
- 당직 신청 취소 클릭시 당직 취소후 fullCalendar 업데이트
- 엑셀로 다운받기 클릭시 분류(연차, 당직)에 따라 엑셀 다운로드
- 연차/ 당직 버튼 클릭시 페이지 이동
- 로드 아이콘 클릭시 화면 리로드
5️⃣ 프로필 수정 페이지
- 프로필 이미지 수정/삭제
- 비밀번호 변경(영어 대문자, 영어 소문자, 숫자, 특수문자를 모두 포함 (8글자 이상)) && 비밀번호 확인
6️⃣ 내 일정보기 페이지
- 현재 신청한 연차, 당직 데이터 조회
7️⃣ 연차/당직 신청 페이지
- 연차 신청, 당직 신청 버튼에 따라 데이터 다르게 조회
- 연차신청 날짜 클릭시 연차 신청 모달 생성
- 당직신청 날짜 클릭시 당직 모달 생성
- 날짜 선택시 현재 로컬 날짜 기준 이전 날짜는 선택 불가
- 모달창에서 날짜 선택후 등록시 조건값에 따라 이미 신청된 날짜 등록 불가.
8️⃣ 관리자 - 전체 유저 / 회원가입 요청 리스트 페이지
-
어드민 계정을 입력하지않고 다른 페이지로 이동할 경우 토큰 값이 없으면 로그인페이지로 이동
-
사용자 측 회원가입 요청 리스트로 출력
-
사용자 측 회원가입시 관리자 승인 기능
-
전체 가입된 유저 리스트 출력
- 유저 리스트 : 성명, 아이디, 입사일, 잔여 연차
- 리스트는 입사일 기준으로 내림차순 정렬
9️⃣ 관리자 - 연차/당직 승인 페이지
-
연차
- 연차 리스트 : 성명, 아이디 , 사유, 신청일, 시작일, 종료일
- 리스트는 시작일 기준으로 내림차순 정렬
- 추가적으로 신청일, 시작일, 종료일 기준으로 정렬 기능 추가
-
당직
- 당직 리스트 : 성명, 아이디, 신청일, 당직일
- 리스트는 당직일 기준으로 내림차순 정렬
- 추적으로 신청일, 당직일 기준으로 정렬 기능 추가
-
검색 기능
- 전체 리스트 검색
- 사용자 성명을 통한 검색
- 년, 월을 통한검색
🔟 관리자 - 연차/당직 리스트 페이지
-
연차
- 요청 리스트 : 성명, 아이디, 신청일, 시작일, 종료일, 승인여부
- 리스트는 사용자들이 신청한 기준으로 정렬
- 승인여부에 승인 기능과 거절 기능
-
당직
- 요청 리스트 : 성명, 아이디, 신청일, 당직일, 승인여부
-
공통
- 승인시 사용자측에서 승인 확인 가능
- 거절시 사용자측에서 거절확인 가능