---
title: "⚖️ 의사결정 — 762~1024 태블릿 처리 방식 (C안 하이브리드 + 메인타이틀 제거)"
category: "decision"
parent: "Claude Code 작업보고"
updated: "2026-07-04"
priority: "High"
purpose: "762~1024 태블릿 구간을 어떻게 처리할지 A(모바일 확장)/B(태블릿 2단)/C(하이브리드) 중 C를 택한 의사결정과, 유일한 설계 변수였던 '타이틀 존치' 결정(메인타이틀 제거·서브 존치)의 근거."
read_when: ["태블릿 처리 A B C안","하이브리드 태블릿","메인타이틀 태블릿 제거","브리프 피트로그 서브타이틀","762 1024 결정"]
document_type: "의사결정"
source_status: "generated"
knowledge_group: "03_history"
work_timestamp: "20260704_113803"
source_of_truth: "https://dallog-tools.hansbridge.co.kr/knowledge/"
context: "달록본레포CC (D:\\dallog\\dallog_git)."
---

> 관련 작업보고: "762~1024 태블릿폭 UI 정합 3건"(건①). 구현 커밋 `6f93bcc`.

## 1. 결정
762~1024 구간을 **C안(하이브리드 태블릿)**으로 처리 — 1단+탭 프레임(모바일형) + 태블릿 폭 활용. 콘텐츠 성격 `@media` 경계를 콘텐츠 JS 분기(1024)와 정렬(767.98→1023.98).
- **타이틀**: 메인타이틀(대시보드/기록/코치노트) **제거**(탭이 제목 역할). 서브(브리프/피트로그)는 ≥1024 2단에만 존재해 무영향.

## 2. 선택지 비교
- **A. 모바일 스타일을 1024까지 확장**: 단순하나 태블릿 넓은 폭을 못 살림.
- **B. 태블릿 전용 2단 구조**: 신규 구조 설계·회귀위험·breakpoint 추가 필요(헌법 §3 위반 소지).
- **C. 하이브리드**(채택): 기존 모바일 콘텐츠를 태블릿까지 연장 + 넓은 폭 활용. 신규 breakpoint 불요(기존 768/1024 활용). 회귀 최소.

## 3. 근거
- 콘텐츠 컴포넌트는 이미 `<1024`에서 모바일(단일+탭) 렌더 → CSS만 767.98에서 끊겨 있던 **불일치**를 바로잡는 것이라 신규 구조·breakpoint 불요.
- 사장님 지적: 이미지 속 예시 구조도 완벽하진 않음(>1024 교정된 드롭박스 잔재) → 목업 맹종 아닌 "구멍 없는 정합"이 목표.
- 타이틀: <768 모바일에서 이미 메인타이틀 숨김(탭이 대체)이 확립 → 태블릿도 동일 정합이 자연스럽고, 서브는 2단(≥1024) 전용이라 태블릿 단일뷰엔 애초 미존재.

## 4. 트레이드오프·주의
- 셸 성격 규칙(탭바 높이계산·토스트·모달·스플래시)은 **767.98 유지** — 768+엔 하단 탭바가 없어 확장 시 오히려 깨짐(스카우트 초안의 전면확장 권고 거부).
- 1920/360 완성 상태 보존: 확장은 상한(1023.98)이라 ≥1024 무접촉, <768은 부분집합·동일규칙이라 값 불변.