적용 범위
이 문서는 제품 UI(admin · hr-system · employee-app 등 앱 화면)에 적용한다. 랜딩 등 마케팅 카피는 적용 대상이 아니다 — 마케팅은 브랜드 목소리(~합니다체)를 따른다.
단, 마케팅 페이지 안에서 제품 화면을 재현한 목업(랜딩의 데모·알림 상황판 등)은 제품을 그린 것이므로 이 문서를 따른다(~해요체 + 마침표).
2026-07-16 확정. 그전까지 범위가 정해져 있지 않아 랜딩 카피를 검토할 때마다 "이 정책을 랜딩에도 적용해야 하나"가 반복해서 제기됐다.
domain: product는 그 취지였으나scope: global과 함께 읽히면 모호해서, 여기에 명시한다.
모달
- 버튼으로만 닫힘
- 모달 영역 외를 눌렀을 때 닫히지 않음
필수 입력인 경우
*필수로 표시
시간 표시
- 아이폰에서 시간 변경과 같은 방식 사용
1. 시간 전환 기준표
- 12시를 기준으로 오전/오후 변경
| 12시간제 표시 | 24시간제 | 분류 |
|---|---|---|
| 오전 11:59 | 11:59 | 오전(AM) |
| 오후 12 | 12:00 | 오후(PM) |
| 오후 11:59 | 23:59 | 오후(PM) |
| 오전 12 | 00:00 | 오전(AM) |
2. 주요 전환 로직
- 날짜 변경선 (Date Line):
23:59:59에서 1초가 경과하여00:00:00이 되는 순간, 시스템 날짜(Date)는 +1일 처리한다.- 이 시점의 명칭은 '오전 12시'이며, 데이터상으로는 '00시'로 저장한다.
- 오전/오후(AM/PM) 전환:
- 12:00:00 (낮): 오전에서 오후로 변경.
- 00:00:00 (밤): 오후에서 오전으로 변경.
- 시간 표시(UI):
- 사용자 화면에는
오전/오후 12시간제로 표시.
- 사용자 화면에는
3. 일익 퇴근 케이스
- 종료시간이 시작시간보다 숫자가 작을 경우에 익일 퇴근 적용
- 종료시간에 + 1
- 일익인 경우 필수로 표시
4. 시간 표시
- 예시)2026.05.08. 오후 10:34:32 ~ 2026.05.09. 오전 05:34:32
문구 규칙
| 구분 | 규칙 | 비고 / 예시 |
|---|---|---|
| 문체 | ‘~해요’체를 사용 | 예: 확인해요, 저장해요, 선택해요. |
| 문장 마침 | 모든 문장 끝에 마침표를 사용 | 예: 소속을 선택해요. |
| 단어 선택 | 자주 쓰는 한자어 또는 순우리말을 중심으로 사용 | |
| 띄어쓰기 | 문구의 성격에 따라 띄어쓰기를 다르게 적용 | 공간이 협소, 글자가 작아 중요도 낮은 경우 띄어쓰기 적용하지 않음 |
| 작은 문구 | 작은 문구는 띄어쓰기 없이 사용 | 예: 이름없음, 미지정, 저장완료. |
| 버튼 | 버튼 문구는 띄어쓰기를 적용 | 예: 저장하기, 다시 찾기, 소속 변경. |
용어 통일
| 기존/유사 용어 | 변경 후 (통일) | 비고 / 예시 |
|---|---|---|
| 액션 | 관리 | |
| 직책, 권한 | 역할 | |
| 입력 | 수정 | 단, 플레이스홀더 내 ‘입력’ 단어는 제외 |
| 찾기, 찾아보기 | 찾기 | |
| 로그인용 사번/이메일/휴대번호 | ID | |
| 리더, 부서장 | 관리자 | |
| 소속 관련 명칭 | 소속 | |
| 정해지지 않은 상태/값 | 미지정 | |
| 변경, 저장, 등록 | 저장 |
UI 규칙
- 표안의 버튼
- 아이콘으로만 표시
- 숫자의 경우 필수로 3자리마다 쉼표 표시
- 예시) 1,000 또는 300,000
- 버튼 1개로 처리할 수 있는 것들을 최대한 버튼 1개로 통합
- 예시) 역살 수정 모달의 권한 전체 선택/전체 해제
- 재직 상태 용어 정의
- 전체 상태 : 모든 재직 상태 데이터 노출
- 재직 : 현재 근무 중
- 비활성 : 상태 미지정 (신규 입사자 처리 대기 등)
- 휴직 : 현재 휴직 중
- 퇴사 : 근무 종료
- 팝업에서 상태를 표시할 경우 모두 드롭다운으로 표시
- 직원의 경우 정보 순서(왼쪽부터)
- 사번, 이름, 이메일, 소속 · 역할, 입사일, 근무형태, 상태, 관리
- 새롭게 추가되는 경우 가장 상단에 올라가도록 설정
- placeholder 규칙
- 검색일 경우
- 검색 대상을 placeholder로 작성
- 일반 입력일 경우
- 입력 예시 또는 가이드를 placeholder로 작성
- 검색일 경우
- 필터는 화면의 왼쪽에 위치하고, 버튼은 오른쪽에 위치한다.
- 해당 정책을 따르지 않는 화면의 경우 따로 정의한다.
팝업에서의 검색
| 이벤트 | 동작 |
|---|---|
| 검색창 클릭 전 | 드롭다운 닫힌 상태 default 상태가 정해진 경우 그 옵션이 선택되어 있음 |
| 검색창 클릭 후 | 하단 드롭다운 오픈 전체 리스트 불러오기 리스트 스트롤 가능 |
| 문자 1글자 이상 입력 | 실시간 검색 결과 드롭다운에서 보여주기 |
| 문자 모두 삭제 | 검색창 클릭 후 상태로 변경 |
| 검색창 외부 클릭 | 드롭다운 닫힘 |
검색
- 검색 결과가 없을 때 문구 : 검색 결과가 없어요.
비활성화
- 전체 서비스에서 비활성 상태인 항목(역할, 팀, 병동 등)은 목록, 선택, 검색 결과에 숨김처리 한다.
- 해당 항목을 등록·수정·조회하는 관리 화면에서만 활성/비활성 필터 등으로 비활성 항목을 확인할 수 있다.
알 수 없는 에러 발생 시
- 팝업으로 안내
- 문구: 알 수 없는 에러가 발생했어요. 잠시 후 다시 시도해 주세요.
- [확인], [X] 버튼: 해당 팝업만 닫힘
결재의 상태 정의
| 상태 | 정의 | 기타 |
|---|---|---|
| 대기 | ||
| 취소 | ||
| 반려 | ||
| 승인 | ||
| 보고서 대기 | ||
| 보고서 반려 | ||
| 보고서 승인 |
시간표시
- 소수점 둘째까지 표시
- 소수점 셋째자리에서 반올림