✔ 난이도 : ⭐️⭐️⭐️☆
※과제를 진행하며 기술적으로 도움이 필요한 부분이 생긴다면, 멘토링 요청서에 질문을 남긴 후 멘토링 시 멘토님에게 질문해 주시기를 바랍니다.
-
제출 안내
- 기한 : 2024-08-09(금) 14시까지
- 자료 : 팀 별 발표 자료
- 팀 발표 자료 : 이규정 매니저님께 DM 제출 (팀장만)
- LMS 과제 제출 : 전원 제출 (추후 안내 예정)
-
조 편성
-
일정 : 7월 22일(월) ~ 8월 9일(금)
- 프로젝트 발표 : 8/9 (금) 18:00 ~ 20:00
- 기존 : 그룹 스터디 조원들과 멘토님의 실시간 멘토링
- 변경 : 프로젝트 조원들과 멘토님의 실시간 멘토링
- 토이 프로젝트 II 부터 그룹스터디 멘토링이 아닌 프로젝트 멘토링을 진행합니다.
- 이유: 그룹 스터디가 안정화 되어 있고, 프로젝트가 연속적으로 진행되는 과정이므로 더 효과적인 지원을 위해 프로젝트 기간에는 프로젝트 조끼리의 멘토링으로 변경합니다.
- 급여 내역 확인 및 정정 신청 페이지 구현
- 로그인을 통한 개인의 급여 내역 확인 구현
- 확인 후, 업무 연장 / 무급 휴가 사용 / 휴일 근무 등 미반영에 대한 정정 신청 창 구현
- 각 카테고리 선택 가능 혹은 입력 하여 진행 가능 구현
- 신청 완료 or 불가 팝업 창 구현
- 신청 내역 확인
- 캘린더를 통한 업무 확인 페이지 구현
- 일정 추가, 삭제, 수정 가능 구현
- 캘린더 페이지 구현
- 캘린더 안, 저장한 일정 확인
- 일정이 있는 경우, 다른 일정과 구분 표시
- 일정 추가, 삭제, 수정 가능 구현
- 과제에 대한 설명을 포함한
README.md
파일 작성- 팀원별로 구현한 부분 소개
※ 기술 활용
- useState / useReducer 을 활용한 상태관리 구현
- Sass / styled-component를 활용한 스타일 구현
- React 상태를 통한 할일 CRUD 구현
- 파이어베이스를 이용한 로그인 구현
- custom hook 을 통한 비동기 처리 구현
- Redux 를 통한 데이터 관리 구현
- Next.js 를 활용한 서버사이드렌더링 구현
- storybook, jest를 활용한 단위 테스트 구현
- TypeScript 사용
- 기타 동작이 완료되기 전에 로딩 애니메이션 구현
- 페이지네이션
- eslint 설정, 커밋컨벤션, 문서화 등 팀프로젝트시 필요한 추가 작업들
- 관련된 기타 기능도 고려
📷 예시 사진