직원 추가

• 직원 추가하는 과정(직원 관리 화면에서 [직원 추가]버튼을 통해 진행하는 과정)을 정리한 문서

1. 기본 정보

1. 성 / 이름

• 성과 이름을 구분하여 입력
• 필수 입력 사항
• 문자, 숫자 입력 가능
• placeholder
  • 성 : 홍
  • 이름 : 길동

2. 이메일

• 선택 입력 사항
  • 입력 시 이메일 형식 검증 수행
    • 잘못된 형식 입력 시:
      • 입력란 하단에 안내 문구 노출
      • 문구: 올바른 이메일을 입력해 주세요.
    • 올바른 형식 입력 시:
      • 안내 문구 제거
• 필수 입력 표시 제거
• placeholder : user@example.com

3. 전화번호

• 선택 입력 사항
• 숫자만 입력 가능
• ⓘ 툴팁으로 전화번호로 ID 사용 안내
  • 문구 : 전화번호를 ID로 사용할 수 있어요.
• 전화번호 입력란 아래 안내 문구
  • 문구 : ⓘ 전화번호를 입력해야, 임시 비밀번호를 SMS로 발송을 할 수 있어요.

4. 사번

• 기본 상태 (자동 생성 미선택)
  • placeholder
    • BESTRH001
  • 직접 입력
• 자동 생성 선택 시
  • 사번 입력 필드 비활성화
  • placeholder에 자동생성으로 만들어질 사번 보임
• 필수 표시 추가

5. [다음] 버튼 활성화 조건

활성화 조건

• 아래 조건을 모두 만족할 경우 활성화
  • 성 / 이름 입력 완료
  • 사번 입력 또는 자동 생성 체크

6. [다음] 버튼 클릭 시 에러 처리

이메일 중복

• 조건: 이미 등록된 이메일일 경우
• 위치: 이메일 입력란 하단
• 문구: 이미 사용 중인 이메일입니다.

전화번호 중복

• 조건: 이미 등록된 전화번호일 경우
• 위치: 전화번호 입력란 하단
• 문구: 이미 사용 중인 번호입니다.

사번 중복

• 조건 : 이미 등록된 사번일 경우
• 위치 : 사번 입력란 하단
• 문구 : 이미 사용 중인 사번입니다.

7. 디자인 시 유의사항

• 에러 메시지가 떴다 사라질 때 화면 높이가 들쑥날쑥해지지 않게, 입력란 아래 에러 메시지 공간을 미리 고정 높이로 잡아두는 설계가 필요

8. 중복 허용 범위

• 이메일, 전화번호, 사번 모두 ID로 사용하기 때문에 전체 중복이 되지 않아야 한다.
• 중복 허용 : 성, 이름

2. 인사 정보

1. 입사일

• 필수 입력 항목
  • 필수 입력 항목 표시
• 기본값은 오늘 날짜로 설정
• 날짜 형식은 YYYY.MM.DD.
• 입력 시 .은 자동으로 표시됨
• 입력 방식
  • 직접 입력 가능(숫자만 가능)
  • Date Picker를 통해 선택 가능

2. 상태

• 기본값 : 비활성

3. 생년월일

• 필수 입력 항목 → 선택 입력 항목으로 변경
• 기본값은 오늘 날짜로 설정
• 날짜 형식은 YYYY.MM.DD.
• 입력 시 .은 자동으로 표시됨
• 입력 방식
  • 직접 입력 가능
  • Date Picker를 통해 선택 가능
• 숫자만 입력 가능
• 양력/음력 선택 가능

5. 팀 · 역할

• 직원 정보 수정 팝업의 소속 (팀 · 역할) 과 동일하게 변경
• [+ 팀 추가] 버튼
  • 버튼을 누르면 선택할 수 있는 팀 리스트 제공
  • 팀을 누르면 역할 선택할 수 있도록 변경
    • 역할을 역할 관리에서 활성화된 역할과 '역할 없이 추가' 제공

6. 근무 형태

• 선택 입력 사항
• defulat : ‘미지정’으로 할당
• 근무 설정에서 활성 상태인 경우의 옵션과 미지정 옵션을 제공

7. 자격증/면허

• default : on 상태로 제공
• title : 관련 자격증/면허 에서 자격증/면허 로 변경
• 안내 문구 : 직원이 제출해야 할 자격증/면허를 선택해 주세요. 선택한 항목은 자격증/면허 화면에 '파일 미제출' 상태로 등록돼요.
  • 제출해야하는 자격증/면허를 선택한 상태로 직원 등록하면 자격증/면허 화면에 파일 미제출 상태로 등록되어야함
• 자격증 선택 옵션은 추후 다른 화면에서 설정할 수 있도록 제공할 예정

7. [다음] 버튼

• 기본 상태 : 비횔성화
• 활성화 조건
  • 필수 입력
    • 입사일 입력

3. 근로 계약

• 정해진 정책이 없음
• 현재 기준(2026.06.18.)
  • 직접 입력해야함
  • 여기서 입력한 값으로 시트에 적용되서 계산이 되고 있음
• 개선 방향
  • sign의 근로 계약서와 연동을 통해 정보를 가져오면 좋을 것같은데 가능한지와 어떤 정보를 가져올지를 확인이 필요하다.
  • 시트와 연동을 한다면 어떤 식으로 할지 고민이 필요함
  • 해당 팝업에서 작성한 내용을 수정할 수 있는 화면이 없음
    • 직원 정보 수정에서 가능하도록?

4. 확인

[등록] 버튼 클릭 시

• 직원 추가되고 직원관리 가장 상단에 추가됨

에러 발생 시

• 팝업 안내
  • 메시지 : 직원 등록 중 에러가 발생했습니다. 잠시 후 다시 실행해 주세요.

1. 기본 정보

• step1에서 입력한 정보 보여준다
• … 처리된 경우 호버를 통해 전체 정보를 보이도록 처리 필요
• 성명
  • 성+이름 으로 제공
• 사번
  • 입력 또는 자동으로 생성된 사번 제공
  • 자동 생성인 경우, 라벨로 표시
• 이메일
  • 입력한 이메일 제공
• 전화번호
  • 국가 번호 + 입력한 번호 로 제공

2. 인사 정보

• 입사일
• 생년월일
  • 입력하지 않은 경우에는 ‘미입력’ 표시 필요
  • 2026.05.27. 양식으로 제공
• 입사일
  • 2026.05.29. 양식으로 제공
• 부서
  • 지정하지 않은 경우, ‘미지정’ 표시
• 팀
  • 지정하지 않은 경우, ‘미지정’ 표시
• 역할
  • 지정하지 않은 경우, ‘일반 직원’ 표시
• 근무 형태
  • 지정하지 않은 경우, ‘미지정’ 표시

3. 근로 계약

• 계약 유형
• 급여 형태 : 월급, 주급
• 기본급
• 근무형태
  • 지정하지 않은 경우, ‘미지정’ 표시

4. 기타

• 상태
  • 비활성, 재직, 휴직, 퇴사 중 표시
  • default : 비활성

5. 안내 문구

• 상태가 비활성으로 설정된 경우에 보이는 안내 문구
  • 문구 : 비활성 상태로 등록돼요. 사용하기 위해서는 재직으로 변경해 주세요.
• 상태가 재직 설정된 경우에는 보이는 안내 문구
  • 문구 : 재직 상태로 등록돼요. 사용자가 바로 로그인해서 사용할 수 있어요.

5. 등록 완료

1. 상단 안내 문구 (텍스트 영역)

• Main Title (H1): "성공적으로 직원이 등록되었어요!"
• Sub Description (p): "임시 비밀번호가 생성되었어요. 직원에게 비밀번호를 전달해 주세요."

2. 직원 정보 표시 영역 (데이터 리스트)

• 사번: {사번} (항상 표시)
• 이름: {이름} (항상 표시)
• 이메일: {이메일}
  • 값을 입력하지 않은 경우에는 보이지 않도록 처리
• 전화번호: {전화번호}
  • 값을 입력하지 않은 경우에는 보이지 않도록 처리
• 비밀번호: {임시 비밀번호}
  • 비밀번호 : {임시 비밀번호} [복사 버튼] [SMS로 비밀번호 발송]
    • [복사] 버튼 : 임시 비밀번호 복사
      • 해당 버튼을 누르면 복사되고 복사 안내 토스트 메시지 발생
        • 메시지 문구 : 임시 비밀번호가 복사되었어요.
    • [SMS로 비밀번호 발송] 버튼
      • 전화번호를 입력하지 않은 경우
        • 툴팁으로 안내 : 전화번호를 입력하지 않아 사용할 수 없어요.
        • 버튼 비활성화
      • 전화번호를 입력한 경우
        • 버튼 클릭하면 입력한 전화번호로 임시비밀번호 발송됨

3. 아래 안내 문구

• 문구 : 이 창을 닫으시면 지금 발급된 비밀번호는 다시 볼 수 없으니 주의해 주세요! 비밀번호 재설정 및 발급은 직원 정보 수정에서 가능해요.

직원 추가 모달 UI 개선사항

• 직원 수정 모달과 UI는 대체적으로 개선한다.