모바일 UI/UX 개선 작업 (기업 사용자)

Simple HR 프로젝트 의 기업 사용자 모바일 화면에서 발견된 UI/UX 문제를 수정하는 작업 목록이다. 전체 세 가지 항목 모두 완료(✅) 상태로 기록되어 있다. fix-task-0603.md 에 근거한다. 07월 09일 수정사항(fix-task-0709)에서 모바일 결재 상세 한글화, 신청 양식 미등록 처리 등 추가 완료 항목이 반영되었다.

원칙: 기업 사용자(일반 직원)는 모바일이 중점, 기업 관리자는 PC가 중점이다. [fix-task-0709]

참고: 우리 서비스는 PC와 모바일 화면이 구분되어 있으며, 모바일 화면은 PC와 다르게 모바일 특화 디자인을 따라야 한다. fix-task-0603.md 사용자 구분: 기업 사용자(일반 직원)는 모바일 중점, 기업 관리자는 PC 중점으로 UX를 설계한다. [fix-task-0709]

1. 모바일 홈화면 메뉴 순서 변경 ✅

• 기존 기안서 항목을 제거하고 일정관리 항목을 추가했다.
• 급여 와 서류 의 순서가 서로 바뀌었다.

fix-task-0603.md

2. 모바일 일정관리 화면 개선 ✅

기존 일정관리 화면이 모바일 UX 기준에 맞지 않아 아래 세 가지를 개선한다.

• 일정 목록 표시: 일정들이 모바일 일정 스타일처럼 보이도록 변경.
• 일정 등록 Bottom Sheet 저장 버튼 위치: 기존 오른쪽 상단 → 화면 최하단 버튼으로 이동.
• 캘린더 컴포넌트: 기존 캘린더를 제거하고, 서비스에서 원래 사용하는 디자인된 컴포넌트 로 교체.

fix-task-0603.md

3. 모바일 알림 화면 디자인 수정 ✅

• 알림 화면 진입 시 기존 서비스 디자인과 다른 스타일이 노출되는 문제가 확인되었다.
• 배경색을 흰색으로 통일하고, 기존 서비스 디자인 시스템에 맞는 스타일로 복원해야 한다.

fix-task-0603.md

4. 모바일 신청 양식 미등록 처리 ✅

모바일 신청 양식에 관련 정보가 없을 경우 미등록으로 표시되도록 처리했다. [fix-task-0709]

• 템플릿 미등록 시 fallback 렌더링에 fieldLabels 매핑 적용
• 매핑되지 않는 키는 "미등록" 으로 표시

5. 모바일 결재 상세 영문 변수명·값 한글화 ✅

모바일 결재 상세 화면에서 영문 변수명 및 값이 노출되던 문제를 한글화했다. [fix-task-0709]

• 출퇴근 필드 라벨 추가: work_location_name, gps_address 등
• 값 번역 적용: CHECK_IN → 출근, FULL_DAY → 종일 등
• 시각 포맷 정리 및 font-sans 적용

관련 스펙: GPS 출퇴근 스펙, 결재 관리 스펙

• 액션 아이템 — 전체 프로젝트 액션 아이템 목록
• 휴가 관리 스펙 — 홈 메뉴의 '휴가' 항목 관련 스펙
• 근태 관리 스펙 — 일정관리와 연관된 근태 처리 스펙
• 근무 정책 스펙 — 근무 정책 및 일정 관련 정책
• 의사결정 로그 — 관련 설계 결정 이력- 사직서 처리 워크플로 스펙 — 사직서 서류결재 전환 관련
• 양식 편집기(폼 빌더) 스펙 — 모바일 신청 양식 템플릿 관련
• fix-task-0709 (26년 07월 09일 수정사항) — 출처 소스