Miridih 내부 도식 · 레퍼런스 2026-08-26

미리디 아카이브

내용시각화 요소 대치 도식 3편, 코드·원문에서 직접 뽑은 레퍼런스 4편, 실측으로 쓴 설계 메모 3편, MOR-2018 인터랙티브 문서 2편. 전부 텍스트가 살아 있는 웹 페이지다.

문서 12 갈래 2 텍스트 검색 100% 외부 의존성 0
01

내용시각화 · 요소 대치

런타임 설계

Sheet json · RLSC · Style Meta

모양은 sheet json을 고치고 · 의미는 RLSC로 판단하고 · 색은 Style Meta에 맞춘다. 요소 생성·대치 큰그림.

  • color-mapper v2
  • Visual Tree
  • textMap
  • 4단계
열기
역할 분담

web-2 역할 분담 — 서버 vs 브라우저 엔진

검색·매칭·생성은 서버, 레이아웃·대치·노드편집은 브라우저. 서버는 후보키 + 시그니처 파일만 반환한다.

  • API prefix
  • comp-sign
  • miricanvas-iui
  • SmartBlock
열기
담당자 지도

병합 대치 정렬 문제

정렬 깨짐의 원인 2층 → 해결 레이어 2갈래 → 누구에게 물을까. "스마트블록" 정의 충돌부터 확인.

  • tidyLayout
  • DimensionPolicy
  • 에스컬레이션
열기
알고리즘 · 코드 실측

재배치 알고리즘 파이프라인

연산자 여섯(method 1~6)은 손대는 축이 다르다 — 세로 · 가로 확장 · 가로 축소 · 유닛 사이 겹침 · 유닛 안 겹침 · 폰트 축소. 정확히 풀 수 있는 것을 먼저 풀고 되돌릴 수 없는 것을 맨 뒤에 두는 원칙이 3→1→2→5→4→6 순서를 만든다. 111건 실측으로 넘침 91%↓, 게이트 34→97.

  • 예측 0 vs 예측
  • 신규 겹침 게이트
  • 유닛 안 / 사이
  • 111건 실측
열기
설계 · 코드 실측

유휴 여백 재배치 설계

재배치가 남긴 FAIL을 페이지의 빈 공간을 이동 예산 삼아 다시 푼다. 발동 조건을 「텍스트 넘침이 있을 때」에서 신규 겹침 ∧ 유휴 ≥ τ(0.5)로 일반화하고, 세로 스프레드(method 7)·가로 탈출(method 8)을 붙였다. 96건 실측 FAIL 17→12, 신규 겹침 59→42쌍, 나빠진 케이스 0건. 회귀 한 건이 「자(판정 박스)의 불일치」를 드러내 실측 tight 배관을 낳은 과정까지.

  • method 7 세로 스프레드
  • method 8 유휴 지도
  • τ 스윕 0.4/0.5/0.65
  • betterOf 회귀 가드
  • 설계안 A·B·C 4편
열기
구조 변경 · 실측

엔진 내장 렌더 호스트

재배치 뷰어의 그림을 그리던 남의 preview 서버가 삭제됐다. 미리캔버스 엔진 렌더러를 저장소 안으로 들여 같은 화면을 스스로 그리게 만든 과정 — 엔진 패키지가 왜 세 층으로 갈리는지, paper-esm 이 왜 화면을 하얗게 만들었는지, 렌더가 텍스트 박스를 안 고친다는 사실이 재검증을 어떻게 무력화할 뻔했는지.

  • PageRootView
  • CJS/ESM 사본
  • tight box 실측
  • same-origin iframe
열기
설계 결정 · 실측

폰트 축소 하한

글자를 줄여 넘침·겹침을 풀면 FAIL 40건 중 15건. 하한은 「원안 대비 배율」과 「페이지 대비 크기」를 둘 다 걸어야 한다 — 컨테이너는 기준이 못 된다.

  • ISO 9241-303
  • 가독성 하한
  • 119건 실측
열기
지표 해부 · 인터랙티브

overlapAreaMap — 신규 겹침 게이트

재배치가 통과냐 탈락이냐를 가르는 지표 ⑥. 2단계 알고리즘과 제외 규칙 다섯 가지, 상수 값의 근거, 그리고 직접 밀어 보는 판정 시뮬레이터.

  • MOR-2018
  • 제외 규칙 5
  • W1 회귀 스펙
열기
규약 · 스펙

Visual Summary 규약 v0.5

내용시각화 BAD 의 85% 는 렌더링이 아니라 매칭 문제다. Summary 를 Markdown 에서 YAML 로 바꿔 슬롯을 보존하고, 컴포넌트에는 semantic tag 를 붙여 대조한다. 2026-08-04 체크인 덱 24쪽을 재구성하고, 3주 뒤 SSoT 와 대조해 무엇이 바뀌었는지까지 붙였다.

  • 질의 ↔ 색인 두 갈래
  • capability · fallback
  • 꾸밈구조 (뒤집힌 결정)
  • 08-26 SSoT 대조
열기
아키텍처 · 실측

I.I. Structuriser (IIS)

신규 차트 타입·텍스트 role 이 생길 때 자체모델을 재학습하는 건 비싸고, 방치하면 RLSC 에 정합성 공백이 남는다. IIS 는 Old RLSC 에 델타만 얹어 New RLSC 를 만드는 제3의 경로다. 구현체는 아직 없어서, 코드에서 델타가 꽂힐 자리를 실측으로 특정했다.

  • Old → New 델타
  • Rule-first
  • 삽입 지점 A · B
  • 선례 셋
열기
설계 · 코드 실측

Component Signature (comp-sign)

컴포넌트의 지문. 디자인 문서 + RLSC 에서 구조 해시·text_map·채점 feature·visual tree 를 뽑아, 글도 같은 방식으로 해시해 등호 하나로 담을 컴포넌트를 찾는다. 3세대(sig3)가 스타일을 트리에서 빼고 자격 게이트로 옮긴 이유와, v38 → v50 연표·이슈까지.

  • 네 필드 · 구조 문자열
  • role-only + H 마킹
  • 표 · 차트 격자 토큰
  • v48 회귀 교훈
열기
02

데이터 포맷 레퍼런스

검색 결과가 없습니다.