관리비 화면의 탭 사용법

관리비 화면의 탭은 위치에 따라 역할과 모양이 다릅니다. ✅구현

페이지 제목 바로 아래의 탭

페이지 제목과 업무 정보 아래의 회색 plane 탭은 왼쪽 메뉴에서 선택한 현재 업무 안의 화면만 이동합니다. 왼쪽 메뉴의 형제 업무를 헤더에 다시 표시하지 않습니다.

• 정기정산, 가정산, 자동 운영, 기초 세팅 → 세팅 현황처럼 하위 화면이 하나인 업무는 일반 탭 하나만 표시합니다. 다른 업무로 이동할 때는 왼쪽 메뉴를 사용합니다.
• 설정 → 기본 설정에서는 일반, 연체료, 수납을 전환합니다.
• 설정 → 부과 항목에서는 일반, 그룹을 전환합니다.
• 관리비 회차 콘솔에서는 한 달 업무 순서대로 개요, 입력, 부과, 청구·고지, 수납, 마감, 보고서 7개 탭을 하나의 업무 탭 줄에서 이동합니다. ✅구현(2026-10-18)
• 7개 탭은 성격에 따라 세 묶음으로 나뉘어 보입니다. 개요 · 입력 · 부과는 이번 달 관리비를 만드는 일, 청구·고지 · 수납은 청구하고 돈을 받는 일, 마감 · 보고서는 달을 닫고 보고하는 일입니다. 묶음마다 따로 둘러싸고 사이를 띄우며, 모든 화면 폭에서 같습니다. 별도의 범위 선택 단계는 만들지 않습니다. ✅구현(2026-10-20)
• 부과·청구·고지·수납·마감 탭에는 지금 회차의 단계 상태가 대기·진행·확정 배지로 붙습니다. 헤더의 단계 카드와 같은 상태이며, 정기정산 목록의 상태와도 같습니다.
• 선택한 탭은 파란 강조 배경으로 표시됩니다.
• 휴대전화에서는 탭 줄을 좌우로 밀어 이동합니다. 현재 화면의 탭이 든 묶음은 진입할 때 탭 줄의 시작 쪽에 자동으로 보입니다.

준비 중 배지가 붙고 색이 흐린 보기(예: 부과 → 조정)는 앞으로 제공할 위치를 미리 보여 주는 항목입니다. 눌러도 이동하지 않으며, 예전 주소로 들어오면 샘플 표 대신 준비 중 안내와 부과 산정으로 버튼만 보입니다. ⚠️부분

콘텐츠 안의 탭

카드나 작업 영역 안의 회색 plane 탭은 현재 페이지를 떠나지 않고 같은 업무의 보기만 바꿉니다. 페이지 헤더 탭과 같은 기본 구조를 사용하지만, 위치와 라벨이 탐색 범위를 알려 줍니다.

업무 탭 바로 아래의 보기 탭은 다음과 같습니다. ✅구현(2026-10-18)

업무 탭	보기 탭
부과	[부과산정 · 유닛명세] [계약명세 · 멤버명세 · 조정(준비 중)]
청구·고지	청구 · 고지서 · 세금계산서 (청구 안에서 계약·유닛·멤버 전환)
수납	입금 대사 · 계약 · 유닛 · 멤버 · 선수금·가수금
마감	미수·이월 · 연체료

부과의 보기 탭은 두 묶음으로 나뉘어 보입니다. 앞 묶음(부과산정 · 유닛명세)은 유닛에 무엇을 얼마 부과했는지, 뒤 묶음(계약명세 · 멤버명세 · 조정)은 누가 내는지(청구 대상)를 봅니다. 다른 업무의 보기 탭은 한 묶음입니다. ✅구현(2026-10-20)

예를 들어 부과 화면의 부과산정, 유닛명세, 계약명세, 멤버명세 보기는 청구 화면의 계약, 유닛, 멤버 보기와 같은 형태를 사용합니다. 회색 탭 plane을 4px 여백의 흰색 pill 표면이 감싸고, 아래 알림·도구·표는 별도의 흰 작업 카드에 표시됩니다. 따라서 보기 전환과 실제 업무 영역을 구분할 수 있고, 작업 카드 헤더에는 화면 제목이나 기능을 추가할 수 있습니다. ✅구현

현재 적용 범위

• ✅ 우리 선도 제품: 관리비 목록의 단일 로컬 탭, 기본 설정·부과 항목 로컬 탭, 관리비 콘솔 공통 탭, 정기정산 부과 하위 탭
• ✅ 현재 실제 제품 비교 화면: 빌링 목록, 빌링 콘솔, 콘솔 부과 하위 탭
• ⚠️ 그 밖의 관리비 하위 화면은 페이지별 대조 순서에 따라 같은 원칙으로 정리합니다.