Skip to content

적용 범위

이 문서는 제품 UI(admin · hr-system · employee-app 등 앱 화면)에 적용한다. 랜딩 등 마케팅 카피는 적용 대상이 아니다 — 마케팅은 브랜드 목소리(~합니다체)를 따른다.

단, 마케팅 페이지 안에서 제품 화면을 재현한 목업(랜딩의 데모·알림 상황판 등)은 제품을 그린 것이므로 이 문서를 따른다(~해요체 + 마침표).

2026-07-16 확정. 그전까지 범위가 정해져 있지 않아 랜딩 카피를 검토할 때마다 "이 정책을 랜딩에도 적용해야 하나"가 반복해서 제기됐다. domain: product 는 그 취지였으나 scope: global 과 함께 읽히면 모호해서, 여기에 명시한다.

  • 모달

    • 버튼으로만 닫힘
    • 모달 영역 외를 눌렀을 때 닫히지 않음
  • 필수 입력인 경우 * 필수로 표시

시간 표시

  • 아이폰에서 시간 변경과 같은 방식 사용

1. 시간 전환 기준표

  • 12시를 기준으로 오전/오후 변경
12시간제 표시24시간제분류
오전 11:5911:59오전(AM)
오후 1212:00오후(PM)
오후 11:5923:59오후(PM)
오전 1200: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] 버튼: 해당 팝업만 닫힘

결재의 상태 정의

상태정의기타
대기
취소
반려
승인
보고서 대기
보고서 반려
보고서 승인

시간표시

  • 소수점 둘째까지 표시
  • 소수점 셋째자리에서 반올림