# 지시문/오류/주석 작성 가이드

## 출력 형태 및 방법 <a href="#undefined" id="undefined"></a>

1. 다음과 같은 내용은 작업공간 화면 하단에 상태바에 처리 내용을 나타냅니다.
   * 메시지 팝업
   * 화면 해당 컴포넌트 인접 영역
   * 상태바(Satus Bar)
   * 단순 알림성 메시지
2. 모든 메시지는 서버에서 관리되는 정보를 기준으로 나타냅니다.
3. 팝업에도 상태바를 추가하여 동일한 방식으로 메시지 처리 상태를 나타냅니다.
4. 페이지 내 주석이 많을 경우 아이콘으로 표기하고 내용은 레이어 팝업으로 나타냅니다.

## 지시문 <a href="#undefined" id="undefined"></a>

1. 정보성 지시문은 확정형으로 서술합니다.
2. 청유, 권성 지시문은 사용자의 선택을 유도할 수 있는 문장으로 구성합니다.

## 도움말 <a href="#undefined" id="undefined"></a>

해당 항목에 대한 도움말을 아이콘 형태로 표기하고 마우스 오버시 레이어로 보여주며, 마우스가 해당 영역을 벗어나면 사라집니다.

## 안내문구 <a href="#undefined" id="undefined"></a>

1. 안내문구는 좌측하단에 배치합니다.
2. 문장은 서술형으로 마무리 합니다.
3. 문장앞에 '.' 블릿 부호를 사용해 표기 합니다.
4. 화면 전체에 해당되는 안내문구는 중요도에 따라 배치합니다.
5. 일반 안내 문구는 Normal로, 주요 안내문은 Bold로 적용합니다.
6. 그룹박스가 있을 때는 그룹박스 안쪽 좌측 하단에 작성합니다.

## 상황별 표기 예시 <a href="#undefined" id="undefined"></a>

<br>

<figure><img src="https://tech.x2bee.com/download/attachments/14550123/UIUX%20-%20%EC%A7%80%EC%8B%9C%EB%AC%B8_%EC%98%A4%EB%A5%98_%EC%A3%BC%EC%84%9D.png" alt=""><figcaption></figcaption></figure>