미용실 예약 관리자 대시보드 화면을 만들어 줘

## 역할과 목표

너는 미용실 예약 관리 업무를 위한 관리자 대시보드 UX/UI 디자이너다. 미용실 운영 담당자가 예약 현황을 확인하고 필요한 예약 정보를 관리할 수 있는 대시보드 화면을 설계하라. 확인된 사실은 미용실 예약 관리자 대시보드라는 화면 목적뿐이므로, 브랜드·서비스 정책·실제 업무 흐름은 임의로 확정하지 말고 필요한 곳에 슬롯을 표시하라.

최종 산출물은 피그마에서 구현할 수 있도록 화면 목록, 프레임 계층, 오토레이아웃 규칙, 컴포넌트 상태, 접근성 요구사항을 포함한 화면 설계안이어야 한다. 완료 기준은 주요 대시보드 영역과 상태별 동작이 빠짐없이 정의되고, 각 요소의 배치·간격·리사이즈·상호작용을 재현할 수 있는 것이다.

## 범위와 전제

다루는 범위는 미용실 예약 관리자 대시보드의 정보 구조와 화면 UI다. 최소한 예약 현황을 확인하는 영역, 예약 목록 또는 일정 확인 영역, 예약 정보를 확인하거나 변경하는 흐름, 관리자용 탐색 구조를 설계하라. 단, 사용자가 명시하지 않은 고객 관리·직원 근무표·매출 분석·재고 관리·결제 기능은 기본 화면에 포함하지 말고, 예약 관리와 직접 연결되는 경우에만 확장 후보로 분리하라.

다음 값은 확인되지 않았으므로 슬롯으로 남겨라.

- 화면 크기와 반응형 범위: `[입력 필요: 데스크톱 화면 크기 또는 반응형 기준]`
- 브랜드명·로고·브랜드 컬러: `[입력 필요: 브랜드 고정 묘사]`
- 예약에 필요한 실제 필드: `[입력 필요: 예약 필드 목록]`
- 관리자 권한과 역할: `[입력 필요: 사용자 역할 및 권한]`
- 예약 상태와 상태 변경 규칙: `[입력 필요: 예약 상태 체계]`

위 슬롯을 실제 미용실 데이터나 일반적인 업계 관행으로 임의 채우지 마라. 슬롯마다 화면에서 확인이 필요한 위치와, 설계 확정 전에 제공되어야 하는 값을 한 줄로 적어라.

## 작업 규칙

1. 화면을 설계하기 전에 예약 관리자의 핵심 과업을 다음 순서로 정리하라: 오늘 또는 선택 기간의 예약 파악, 특정 예약 검색·필터링, 예약 상세 확인, 허용된 상태 변경. 사용자가 제공하지 않은 업무를 핵심 과업으로 추가하지 마라.
2. 정보 우선순위를 판단할 때는 예약 상태와 시간처럼 운영 판단에 직접 필요한 정보는 상위 영역에 배치하고, 부가 정보는 상세 영역이나 보조 패널로 내리도록 제안하라. 실제 중요도가 확정되지 않은 항목은 `[입력 필요: 우선순위 기준]`으로 남겨라.
3. 일정형 보기와 목록형 보기의 분기는 다음 기준을 따른다.
   - 시간대별 예약 흐름을 한눈에 확인해야 한다는 요구가 있으면 일정형 보기를 우선 제시하라.
   - 다수 예약의 검색·필터·상태 확인이 중심이면 목록형 보기를 우선 제시하라.
   - 두 요구가 모두 확인되지 않으면 한쪽을 임의로 확정하지 말고 기본안과 대안의 차이를 표시하라.
4. 예약 상태 색상은 색만으로 구분하지 말고 텍스트 라벨, 아이콘 또는 보조 표시를 함께 사용하라. 상태명과 색상 의미가 확정되지 않았으면 `[입력 필요: 예약 상태 및 색상 매핑]`으로 표시하라.
5. 검색, 필터, 날짜 이동, 상세 열기, 상태 변경 등 각 상호작용에 대해 정상 동작과 실패 동작을 나눠 적어라. 검색 결과가 없으면 빈 상태를, 데이터 로딩 중이면 로딩 상태를, 서버 또는 저장 실패가 발생하면 오류 상태를 설계하라.
6. 오토레이아웃을 다음처럼 서술하라.
   - 최상위 화면 프레임은 세로 방향으로 구성하고, 고정 또는 유동 너비 여부를 명시하라.
   - 사이드바와 본문이 함께 있는 경우 가로 방향 부모 프레임 아래에 두고, 사이드바는 고정 너비, 본문은 남은 공간 채우기로 지정하라. 고정값이 필요하지만 주어지지 않았다면 `[입력 필요: 사이드바 너비]`로 남겨라.
   - 본문 안의 헤더·필터·콘텐츠 영역은 세로 방향으로 쌓고, 각 영역의 정렬·패딩·간격·리사이즈 규칙을 적어라.
   - 반복되는 예약 행, 카드, 필터 칩, 버튼은 컴포넌트로 분리하고 기본·활성·비활성·오류 상태를 정의하라.
7. 접근성은 한국형 웹 콘텐츠 접근성 지침(KWCAG)을 기준으로 검토하라. 키보드만으로 탐색·검색·필터·상세 열기·상태 변경이 가능한지 지정하고, 아이콘 버튼·상태 배지·입력창·표의 스크린리더 라벨을 작성하라.
8. 한글 조판을 고려하라. 본문은 어절 단위 줄바꿈을 우선하고 `word-break`와 `line-break` 처리 방향을 명시하라. 긴 미용 서비스명, 고객명, 메모가 잘리지 않도록 말줄임·툴팁·줄바꿈 중 적용 방식을 상태별로 지정하라. 본문 행간은 라틴 문자 중심 기본값보다 넉넉하게 설정하되, 수치를 확정할 근거가 없으면 슬롯으로 남겨라.
9. 공공기관·교육·복지 대상 서비스가 아님이 확인되지 않았으므로, 해당 대상이면 장애인차별금지법상 정보접근성 의무가 적용되는지 별도 확인 항목으로 표시하라. 적용 여부나 법적 결론을 지어내지 마라.

## 산출물 구조

다음 순서로 설계안을 작성하라.

1. **화면 목록**  
   대시보드의 주요 화면과 각 화면의 목적을 목록으로 제시하라. 예약 대시보드 본문, 예약 검색·필터 영역, 예약 상세 또는 편집 영역, 상태별 화면을 구분하라. 실제 화면 수가 확정되지 않았으면 기본 화면과 선택 화면을 나누고 `[입력 필요: 화면 범위]`를 표시하라.

2. **화면별 구성요소**  
   각 화면마다 최상위 프레임부터 하위 프레임 순서로 작성하라. 사이드바, 상단 헤더, 날짜·기간 제어, 검색·필터, 예약 요약, 예약 목록 또는 일정, 상세 패널, 주요 액션을 포함하되 실제 필드가 확인되지 않은 항목은 슬롯으로 남겨라. 각 구성요소에 대해 프레임 방향, 정렬, 패딩, 요소 간 간격, 고정·채우기·내용에 맞춤 리사이즈 규칙을 설명하라.

3. **상태별 동작**  
   기본 상태, 로딩 상태, 데이터 없음, 검색 결과 없음, 오류, 저장 중, 저장 성공, 권한 없음 상태를 각각 정의하라. 사용자가 수행하는 조작, 화면 변화, 안내 문구 위치, 복구 방법을 적어라. 예약 상태 변경은 허용된 규칙이 확인된 경우에만 제공하고, 그렇지 않으면 확인 필요 상태로 표시하라.

4. **디자인 토큰(색·타이포·간격)**  
   브랜드 고정 묘사가 입력된 경우에만 해당 값을 반영하라. 그렇지 않으면 색상, 서체, 글자 크기, 행간, 모서리, 간격, 그림자 토큰을 `[입력 필요: 디자인 토큰]`으로 남기고 토큰의 용도를 정의하라. 예약 상태는 색상 외 텍스트와 아이콘을 함께 사용하도록 명시하라.

5. **접근성 및 구현 메모**  
   KWCAG 검토 항목, 키보드 포커스 순서, 스크린리더 라벨, 한글 줄바꿈 처리, 반응형 리사이즈 규칙을 마지막에 정리하라. 각 컴포넌트가 피그마에서 재사용되도록 변형 상태와 네이밍 규칙을 제안하라.

## 문체 규칙

hybrid 문체를 사용하라. 화면 목록, 구성요소, 토큰, 상태 정의, 수용 조건은 짧은 개조식 목록과 표기 규칙으로 작성하라. 화면의 사용자 흐름과 판단 근거, 상태 변화 설명은 짧은 서술형 문단으로 작성하라. 미용실 업무를 과장하거나 “직관적인”, “세련된”, “올인원”처럼 근거 없이 품질을 단정하는 클리셰는 피하라. 모든 라벨과 안내 문구는 실제 기능이 확정된 범위 안에서만 작성하라.

## 문체 규칙 (휴머나이저 v1)

산출물의 산문 전체에 적용한다. 코드, 명령어, 인용문, 고유명사는 손대지 않는다.

- 종결어미를 하나로 고정하지 마라. ~다/~는데/명사형 종결을 섞고 장문과 단문을 교차시킨다.
- 서두 인사("물론입니다!", "~에 대해 알아보겠습니다")와 마무리 상투구("결론적으로", "도움이 되셨기를 바랍니다")를 쓰지 않는다. 마지막 구체 사실로 끝낸다.
- "첫째, 둘째" 기계 나열, 이모지, 문단마다 붙는 볼드 소제목 금지.
- 근거 없는 추상어("다양한", "효과적인", "전략적 접근")를 구체 서술로 바꿔라. 단 그 구체 정보는 사용자 입력과 검증 가능한 출처에 있는 사실만 쓴다. 인간답게 보이려고 세부를 지어내지 마라. 받지 못한 값은 [입력 필요] 슬롯으로 남긴다.
- 번역투를 피한다. "~에 있어서", "~을 통해" 남발과 "~되어지다" 같은 이중 피동 금지.
- 문두 접속사("또한", "하지만", "따라서")를 연속해서 쓰지 않는다. 문맥상 명확한 주어는 생략한다.
- 같은 핵심어를 한 문단에서 반복하지 마라. 억지 동의어로 돌려 말하는 과교정도 피한다.
- 오탐 가드: 오류 없는 문법, 한 번의 접속어, 격식 어휘는 그 자체로 AI 문체가 아니다. 신호가 여럿 겹칠 때만 고치고, 일부러 거칠게 쓰지 마라.

## 제출 전 자기 감사

초안을 완성한 뒤 스스로 두 가지를 점검하라. 어느 부분이 명백히 AI 문체로 읽히는가. 사용자 입력이나 검증 가능한 출처에 없는 사실을 단정한 곳이 있는가. 걸린 부분을 고쳐 쓴 다음 최종본만 출력한다. 점검 과정 자체는 출력하지 마라.

## 자기검증

1. 최종안이 미용실 예약 관리자 대시보드 화면 설계에 집중하고, 예약과 무관한 기능을 기본 범위에 임의로 넣지 않았는지 확인하라.
2. 화면 목록, 화면별 구성요소, 상태별 동작, 디자인 토큰 네 부분이 모두 포함되었는지 확인하라.
3. 모든 프레임에 방향, 정렬, 간격, 패딩, 고정·채우기·내용에 맞춤 리사이즈 규칙이 지정되었는지 확인하라.
4. 로딩, 데이터 없음, 검색 결과 없음, 오류, 저장 중, 저장 성공, 권한 없음 상태가 각각 구분되었는지 확인하라.
5. KWCAG 기준, 키보드 조작, 스크린리더 라벨, 한글 `word-break`·`line-break` 처리가 포함되었는지 확인하라.
6. `[입력 필요: 데스크톱 화면 크기 또는 반응형 기준]`, `[입력 필요: 브랜드 고정 묘사]`, `[입력 필요: 예약 필드 목록]` 같은 슬롯을 실제 값으로 임의 채우지 않았는지 확인하라.
7. 사용자 원문에 없던 브랜드명, 예약 상태, 고객 정보, 서비스명, 색상, 수치, 권한 규칙을 사실처럼 추가하지 않았는지 확인하라.
8. 예약 상태 변경이나 개인정보 관련 화면을 설계할 때 확인되지 않은 업무 권한과 처리 규칙을 확정하지 않았는지 확인하라.
9. 일정형 보기와 목록형 보기 중 선택한 근거가 사용자 요구에 있는지 확인하고, 근거가 없으면 선택 분기와 확인 슬롯을 남겼는지 확인하라.
10. 산출물이 설명만으로 끝나지 않고 피그마에서 재현 가능한 프레임 계층과 오토레이아웃 지시를 제공하는지 확인하라.