@ihabdevteam/core 0.211.0 → 0.213.0

package/CHANGELOG.md

@@ -7,6 +7,100 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.213.0
+
+### 더해짐 — 종이 위·아래 띠 (`brand`)
+
+인쇄한 단어표에 **누구 것이고 어디로 가면 되는지**를 담는다(사용자 지시 2026-09-30).
+네 자리다 —
+
+| 자리 | 담는 것 |
+|---|---|
+| 위 왼쪽 | 말귀 로고 |
+| 위 오른쪽 | 표 번호(`code`) |
+| 아래 왼쪽 | ihab 로고 · 저작권 |
+| 아래 오른쪽 | 주소(`brand.link`) · 쪽 번호 |
+
+**안 주면 종이가 한 픽셀도 안 바뀐다.** 띠는 격자 위아래를 비워 만드는 것이라(쪽 번호가
+쓰던 수를 넓혔다) 칸이 그만큼 낮아진다 — 안 쓰는 표까지 낮아지면 안 된다. 비우는 만큼은
+띠 높이에 딱 붙인다(위 32px · 아래 24px, 남는 틈 4px) — 헐거우면 로고와 칸 사이가 벌어져
+종이가 성기어 보인다.
+절취선 바탕과 외곽선은 칸이 있는 데까지만 두른다(비운 띠가 선 색으로 차거나, 로고가
+표 안에 든 것처럼 보이지 않게).
+
+**띠를 격자 안에 둔다.** 인쇄는 `.word-table-block__content` **하나만** 복사해 간다
+(`contentRef` → `printWordTableElements`). 종이(`.word-table`) 바로 아래에 두면
+**화면에서는 멀쩡하고 종이에서만 사라진다** — 아무 데서도 안 터지고 뽑아 보기 전에는
+모른다. 자리는 절대 배치로 잡는다(격자가 이미 `position: relative` 라 외곽선을 안 쓰는
+표에서도 제자리다). 시험이 이것을 못 박는다 — 띠를 격자 밖으로 옮겨 심으면 셋이 빨개진다.
+
+인쇄 문서는 `document.styleSheets` 를 통째로 베껴 가므로 이 규칙들이 따라간다. 로고는
+`Footer` 가 하듯 곧장 들여온다 — 주소가 `data:` 이거나 `/assets/…` 라 손으로 지은 그
+문서에서도 풀리고, 그림이 다 받아진 뒤 인쇄하는 것은 `wordTablePrint` 가 이미 한다.
+
+**쪽 번호는 띠를 쓰면 바닥 띠가 자리를 겸한다** — 옛 자리(`pageNumberPosition`)에 두 번
+찍지 않는다. 띠를 안 쓰면 전과 똑같다.
+
+**띠는 표와 함께 줄지 않는다.** 종이는 미리보기 상자에 맞춰 통째로 줄어드는데(`scale`),
+그러면 로고와 글씨가 상자 폭마다 달라 보인다. 띠 안의 치수를 배율로 나눠(`--wt-unscale`)
+화면 크기를 한결같이 둔다 — 비우는 여백도 같이 나눠야 띠가 칸을 안 침범한다.
+
+그 값은 **인라인으로 격자에 박히므로 종이에서 꺼야 한다.** 안 끄면 미리보기가 좁았을수록
+그 배수만큼 커져 찍힌다(0.5 로 보고 있었으면 두 배). 화면을 그대로 찍는 `@media print` 는
+`--wt-unscale: 1 !important` 로, 새 창·내려받기는 복사할 때 인라인 값을 지워서 끈다 —
+**두 인쇄 길에 각각 손을 대야 한다.**
+
+띠 글씨는 **body-3 급**이다. 손으로 적은 13px 을 쓰다가 디자인 시스템 값으로 바꿨다
+(`--text-body-3-size`) — 클래스를 그냥 붙이면 크기가 고정돼 위 되돌림이 안 먹으므로 같은
+토큰에 되돌림만 곱한다. 그 토큰은 보는 사람 쪽 설정(좁은 화면 · 큰 글씨)을 타므로 종이
+글씨도 그만큼 달라진다 — 화면과 종이를 한 급으로 맞추기로 한 값이다.
+
+말귀 로고는 **컬러 판**이라 `print-color-adjust: exact` 를 준다(브라우저 인쇄 기본값이
+색을 빼면 흐려지거나 사라진다). 표 번호·주소·저작권은 **다른 글꼴을 안 쓴다** — 고정폭으로
+찍어 봤더니 한 장 안에 글꼴이 둘 섞여 보였다. 목록 카드(`WordTableButton`)의 번호는 청한
+대로 고정폭 그대로라, 그 둘은 갈린다.
+
+### 더해짐 — `WordTable` 의 `code`
+
+`WordTableButton` 의 같은 이름 프롭(0.212.0, 말귀 요청 ㉚)과 짝이다. 목록 카드에서 번호로
+찾고, 종이에서도 같은 번호를 본다. 고정폭(`--font-mono`)으로 찍는 것도 같다.
+
+## 0.212.0
+
+### 더해짐 — `WordTableButton` 에 짧은 식별 글 (말귀 요청 ㉚)
+
+인쇄한 단어표에 번호(`1043-E`)를 찍어 두고 **종이의 번호를 들고 카드를 훑어** 그 표를
+찾는 길을 말귀가 냈다. 앱이 쥔 자리에는 다 넣었는데 `나의 단어표` 목록 카드에만 넣을
+자리가 없었다(`titleNode` 는 제목을 갈아 끼우며 클릭과 더보기를 함께 끄는데, 카드는 눌러
+열고 ⋯ 로 메뉴를 내는 자리라 둘 다 필요하다). `code` 를 낸다.
+
+**배지가 아니다.** `published`·`shared` 는 **상태**를 말하는 자리라 색과 모양이 붙어 있는데,
+번호는 상태가 아니라 이름에 가깝다 — 청한 쪽 표현 그대로다.
+
+**등록일 줄 왼쪽 끝**에 선다. 그 줄은 카드 바닥에 붙어 있어(`margin-top: auto`) 제목이 한
+줄이든 두 줄이든, 설명이 있든 없든 **자리가 안 움직인다** — 실측으로 카드 셋에서 번호의
+왼끝이 모두 같았다(2026-09-30). 제목 곁에 두면 제목 길이와 설명 유무에 따라 오르내려
+훑기 어렵다. 훑어 찾는 일이라 그것이 요점이다.
+
+그 줄이 서는 조건에 `code` 를 넣었다 — 전에는 `createdAt || published || shared` 뿐이라
+**등록일 없는 표에서 번호가 통째로 안 보였다.**
+
+**고정폭**으로 그린다 — 글자마다 폭이 다르면 종이의 번호와 화면의 번호를 눈으로 견줄 때
+자릿수를 세기 어렵다. 등록일보다 색을 올려 둔다(둘 다 회색이면 한 줄에 같은 무게로 놓여
+안 걸린다). 안 줄어든다 — 번호는 끝이 잘리면 확인 글자가 사라져 뜻이 없다. 좁으면 등록일이
+먼저 양보한다. 카드의 읽히는 이름에도 실린다(`받침 대립 단어표 (1043-E)`).
+
+### 더해짐 — `--font-mono` 토큰
+
+자릿수를 **눈으로 맞춰 보는** 글에 쓴다. `CodeBox` 가 같은 목록을 제 파일에 따로 들고
+있었으므로 그쪽도 이 토큰을 가리키게 했다 — 값은 그대로다.
+
+### 손본 것 — 소비자 표가 또 안 깔린 판을 깔렸다고 적고 있었다
+
+소리방향성·kscan 이 **0.211.0 으로 적혀** 있었으나 실물은 `0.36.0`·`0.183.2` 다.
+**어제와 같은 자리, 같은 꼴이다.** 실측값으로 되돌리고, 표 곁에 적어 둔다 —
+**판을 올렸다고 이 표를 따라 올리지 않는다. 배포는 소비자를 안 바꾼다.**
+
 ## 0.211.0
 
 - **`Section inGrid` 가 칸 자신을 세로 flex 로도 세운다**(`display: flex; flex-direction: column; min-width: 0`).