feature/1week employeeCard and modal #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

fried-jay wants to merge 1 commit into KoreanFever:main from fried-jay:jewon-ryu/week1-teamCard

fried-jay commented Apr 20, 2025 •

edited

Loading

[FEAT] 직원 출결 시스템 구현

1. 코드 구조 및 컴포넌트

App.tsx: 메인 레이아웃 및 직원 목록 관리
EmployeeCard.tsx: 개별 직원 정보 카드 컴포넌트
EmployeeModal.tsx: 직원 상세 정보 모달 컴포넌트
Tailwind CSS를 활용한 스타일링
- 일관된 디자인 시스템 적용
직원 카드 클릭 시 모달 표시 기능
- 모달 외부 클릭 시 닫기
  - ESC 키로 닫기 (예정)
부서별 색상 시스템 구현 (getDepartmentColor)
- 개발: 파란색 계열
- 디자인: 보라색 계열
- 마케팅: 초록색 계열
- 기획: 주황색 계열
- 인사: 빨간색 계열
근무년수 자동 계산 기능
- 입사일 기준으로 현재까지의 근무년수 계산 (calculateYearsOfService)
- 정확한 연차 표시

테스트

직원 카드 클릭 시 모달 표시
부서별 색상 적용 확인
근무년수 계산 정확성 확인

2주차 개선사항

mockingJS 를 활용한 Mockdata 대체 예정


          feature/1week employeeCard and modal

678648b

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet