Toy_Project_II

[ 직원들을 위한 급여 및 업무 관리 플랫폼 ]

💡 직원들을 위한 급여 및 업무 관리 페이지를 만들어 보세요. 직원들의 근무 관리를 위한 여러 기능이 추가 되어야 합니다.

✔ 난이도 : ⭐️⭐️⭐️☆

※과제를 진행하며 기술적으로 도움이 필요한 부분이 생긴다면, 멘토링 요청서에 질문을 남긴 후 멘토링 시 멘토님에게 질문해 주시기를 바랍니다.

개요

• 제출 안내

  • 기한 : 2024-08-09(금) 14시까지
  • 자료 : 팀 별 발표 자료
  • 팀 발표 자료 : 이규정 매니저님께 DM 제출 (팀장만)
  • LMS 과제 제출 : 전원 제출 (추후 안내 예정)

• 조 편성

  

• 일정 : 7월 22일(월) ~ 8월 9일(금)

  • 프로젝트 발표 : 8/9 (금) 18:00 ~ 20:00

👨‍👩‍👧‍👧멘토링 변경

• 기존 : 그룹 스터디 조원들과 멘토님의 실시간 멘토링
• 변경 : 프로젝트 조원들과 멘토님의 실시간 멘토링
• 토이 프로젝트 II 부터 그룹스터디 멘토링이 아닌 프로젝트 멘토링을 진행합니다.
  • 이유: 그룹 스터디가 안정화 되어 있고, 프로젝트가 연속적으로 진행되는 과정이므로 더 효과적인 지원을 위해 프로젝트 기간에는 프로젝트 조끼리의 멘토링으로 변경합니다.

📌 필수 요구 사항

1. 급여 내역 확인 및 정정 신청 페이지 구현
   • 로그인을 통한 개인의 급여 내역 확인 구현
   • 확인 후, 업무 연장 / 무급 휴가 사용 / 휴일 근무 등 미반영에 대한 정정 신청 창 구현
     • 각 카테고리 선택 가능 혹은 입력 하여 진행 가능 구현
     • 신청 완료 or 불가 팝업 창 구현
     • 신청 내역 확인
2. 캘린더를 통한 업무 확인 페이지 구현
   • 일정 추가, 삭제, 수정 가능 구현
     • 캘린더 페이지 구현
   • 캘린더 안, 저장한 일정 확인
     • 일정이 있는 경우, 다른 일정과 구분 표시
3. 과제에 대한 설명을 포함한 README.md 파일 작성
   • 팀원별로 구현한 부분 소개

※ 기술 활용

• useState / useReducer 을 활용한 상태관리 구현
• Sass / styled-component를 활용한 스타일 구현
• React 상태를 통한 할일 CRUD 구현
• 파이어베이스를 이용한 로그인 구현
• custom hook 을 통한 비동기 처리 구현
• Redux 를 통한 데이터 관리 구현

✅ 선택 구현사항

• Next.js 를 활용한 서버사이드렌더링 구현
• storybook, jest를 활용한 단위 테스트 구현
• TypeScript 사용
• 기타 동작이 완료되기 전에 로딩 애니메이션 구현
• 페이지네이션
• eslint 설정, 커밋컨벤션, 문서화 등 팀프로젝트시 필요한 추가 작업들
• 관련된 기타 기능도 고려

---

📷 예시 사진