Skip to content

Conversation

@fried-jay
Copy link

@fried-jay fried-jay commented Apr 20, 2025

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

1. 코드 구조 및 컴포넌트

  • App.tsx: 메인 레이아웃 및 직원 목록 관리

  • EmployeeCard.tsx: 개별 직원 정보 카드 컴포넌트

  • EmployeeModal.tsx: 직원 상세 정보 모달 컴포넌트

  • Tailwind CSS를 활용한 스타일링

    • 일관된 디자인 시스템 적용
  • 직원 카드 클릭 시 모달 표시 기능

    • 모달 외부 클릭 시 닫기
      - ESC 키로 닫기 (예정)
  • 부서별 색상 시스템 구현 (getDepartmentColor)

    • 개발: 파란색 계열
    • 디자인: 보라색 계열
    • 마케팅: 초록색 계열
    • 기획: 주황색 계열
    • 인사: 빨간색 계열
  • 근무년수 자동 계산 기능

    • 입사일 기준으로 현재까지의 근무년수 계산 (calculateYearsOfService)
    • 정확한 연차 표시

테스트

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

2주차 개선사항

  • mockingJS 를 활용한 Mockdata 대체 예정

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants