C.E.L_Slide_test2/PHASE-X-C.md

Phase X-C: 서브존 프리셋 기반 범용 레이아웃

최종 업데이트: 2026-04-07 전제: Type A, Type B 건드리지 않음. Type C로 새 접근. 의존: Phase X-BX' 완료 후 시작 (zone 기반 코드 전환 완료 필요)

---

핵심 아이디어

AI는 "고르는 것"에만 쓰고, "만드는 것"은 코드가 한다.

고정 구조

모든 슬라이드는 3개 zone:

┌───────────────────────────┐
│ header (제목)              │ ← 고정
├───────────────────────────┤
│ body (본문)                │ ← 서브존 프리셋 적용
├───────────────────────────┤
│ footer (핵심 요약)          │ ← 고정
└───────────────────────────┘

서브존 프리셋

body 안의 배치를 row 조합으로 정의:

row 유형:
  F = 전체폭 (1칸)
  H = 2분할
  T = 3분할
  Q = 4분할

프리셋 예시:
  S1: F        → 1단 전체폭
  S2: H        → 2단 (좌/우)
  S3: T        → 3단 균등
  S4: F+H      → 상단 전체폭 + 하단 2분할  (현재 Type B에 해당)
  S5: H+F      → 상단 2분할 + 하단 전체폭
  S6: H+H      → 상하 각 2분할 (2x2)
  S7: F+T      → 상단 전체폭 + 하단 3분할
  S8: T+F      → 상단 3분할 + 하단 전체폭
  S9: F+F      → 전체폭 2단 (현재 Type A에 가까움)

Kei 역할 (최소화)

1. 꼭지 추출 — 콘텐츠를 몇 개 덩어리로 나눌지
2. 꼭지 간 관계 — 비교/나열/종속/독립
3. 프리셋 선택 — 번호로 고르기 (또는 코드가 자동 매핑)

코드 역할

1. 프리셋 → zone/sub-zone px 계산 (사칙연산)
2. 텍스트량 기반 비율 계산
3. before→filled→after 파이프라인 (Selenium 측정 → 재배분)
4. MDX 원본 텍스트 배치
5. 블록 선택 (프리셋별 적합 블록 매핑)

---

질문: Kei가 프리셋을 고를 수 있는가?

자동 매핑 (코드가 결정) — 안정적이지만 제한적

if len(topics) == 1:    preset = "S1"  # 1단
if len(topics) == 2:    preset = "S2"  # 2분할
if len(topics) == 3:    preset = "S3"  # 3단
if len(topics) == 4:    preset = "S6"  # 2x2

→ 꼭지 관계 무시. 비교 3개 + 정리 1개 같은 경우 대응 못 함.

Kei 선택 — 유연하지만 불안정 위험

{"topics": [...], "preset": "S4", "reason": "상단 3개 비교 + 하단 종합"}

→ 블록 선택도 불안한데 프리셋 선택이 안정적일지 미지수.

하이브리드 (유력) — 코드가 후보 제시, Kei가 선택

코드: "꼭지 4개이므로 후보: S4, S6, S7"
Kei: "비교 관계이므로 S4"

→ 선택지를 3개 이하로 좁히면 Kei가 잘 고를 가능성 높음.

---

기술적 구현 방향

sub-zone px 계산

def calculate_sub_zones(preset: str, body_width: int, body_height: int, gap: int):
    rows = parse_preset(preset)  # "F+H" → [F, H]
    row_count = len(rows)
    row_height = (body_height - gap * (row_count - 1)) // row_count
    
    zones = []
    for i, row_type in enumerate(rows):
        col_count = {"F": 1, "H": 2, "T": 3, "Q": 4}[row_type]
        col_width = (body_width - gap * (col_count - 1)) // col_count
        for j in range(col_count):
            zones.append({
                "row": i, "col": j,
                "width": col_width, "height": row_height,
            })
    return zones

비율 조정

# 텍스트량 기반 비율
text_lengths = [len(topic.text) for topic in row_topics]
total = sum(text_lengths)
ratios = [l / total for l in text_lengths]
# 최소 20%, 최대 60% 제한
ratios = [max(0.2, min(0.6, r)) for r in ratios]

---

단계별 진행 계획

1. X-C-1: 프리셋 정의 — S1~S9 구조 + px 계산 함수
2. X-C-2: 자동 매핑 먼저 — 꼭지 수 → 프리셋 (코드만으로)
3. X-C-3: 조립 범용화 — zone 기반으로 어떤 프리셋이든 조립
4. X-C-4: Kei 선택 실험 — 하이브리드 방식 테스트
5. X-C-5: before→filled→after 연결 — X-BX'의 zone 기반 코드 활용
6. X-C-6: 검증 — 01/02/03번 + 새 MDX로 범용성 테스트

---

Type A/B와의 관계

• Type A, B는 기존 코드 그대로 유지
• Type C는 별도 경로로 동작
• 추후 Type C가 안정화되면 A/B를 C의 프리셋으로 흡수 가능:
  • Type A ≈ S9 (F+F) + sidebar
  • Type B ≈ S4 (F+H)