@ihabdevteam/core 0.212.0 → 0.213.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -7,6 +7,64 @@ All notable changes to this project will be documented in this file.
7
7
  > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
8
8
  > 제 이야기를 못 찾는다.
9
9
 
10
+ ## 0.213.0
11
+
12
+ ### 더해짐 — 종이 위·아래 띠 (`brand`)
13
+
14
+ 인쇄한 단어표에 **누구 것이고 어디로 가면 되는지**를 담는다(사용자 지시 2026-09-30).
15
+ 네 자리다 —
16
+
17
+ | 자리 | 담는 것 |
18
+ |---|---|
19
+ | 위 왼쪽 | 말귀 로고 |
20
+ | 위 오른쪽 | 표 번호(`code`) |
21
+ | 아래 왼쪽 | ihab 로고 · 저작권 |
22
+ | 아래 오른쪽 | 주소(`brand.link`) · 쪽 번호 |
23
+
24
+ **안 주면 종이가 한 픽셀도 안 바뀐다.** 띠는 격자 위아래를 비워 만드는 것이라(쪽 번호가
25
+ 쓰던 수를 넓혔다) 칸이 그만큼 낮아진다 — 안 쓰는 표까지 낮아지면 안 된다. 비우는 만큼은
26
+ 띠 높이에 딱 붙인다(위 32px · 아래 24px, 남는 틈 4px) — 헐거우면 로고와 칸 사이가 벌어져
27
+ 종이가 성기어 보인다.
28
+ 절취선 바탕과 외곽선은 칸이 있는 데까지만 두른다(비운 띠가 선 색으로 차거나, 로고가
29
+ 표 안에 든 것처럼 보이지 않게).
30
+
31
+ **띠를 격자 안에 둔다.** 인쇄는 `.word-table-block__content` **하나만** 복사해 간다
32
+ (`contentRef` → `printWordTableElements`). 종이(`.word-table`) 바로 아래에 두면
33
+ **화면에서는 멀쩡하고 종이에서만 사라진다** — 아무 데서도 안 터지고 뽑아 보기 전에는
34
+ 모른다. 자리는 절대 배치로 잡는다(격자가 이미 `position: relative` 라 외곽선을 안 쓰는
35
+ 표에서도 제자리다). 시험이 이것을 못 박는다 — 띠를 격자 밖으로 옮겨 심으면 셋이 빨개진다.
36
+
37
+ 인쇄 문서는 `document.styleSheets` 를 통째로 베껴 가므로 이 규칙들이 따라간다. 로고는
38
+ `Footer` 가 하듯 곧장 들여온다 — 주소가 `data:` 이거나 `/assets/…` 라 손으로 지은 그
39
+ 문서에서도 풀리고, 그림이 다 받아진 뒤 인쇄하는 것은 `wordTablePrint` 가 이미 한다.
40
+
41
+ **쪽 번호는 띠를 쓰면 바닥 띠가 자리를 겸한다** — 옛 자리(`pageNumberPosition`)에 두 번
42
+ 찍지 않는다. 띠를 안 쓰면 전과 똑같다.
43
+
44
+ **띠는 표와 함께 줄지 않는다.** 종이는 미리보기 상자에 맞춰 통째로 줄어드는데(`scale`),
45
+ 그러면 로고와 글씨가 상자 폭마다 달라 보인다. 띠 안의 치수를 배율로 나눠(`--wt-unscale`)
46
+ 화면 크기를 한결같이 둔다 — 비우는 여백도 같이 나눠야 띠가 칸을 안 침범한다.
47
+
48
+ 그 값은 **인라인으로 격자에 박히므로 종이에서 꺼야 한다.** 안 끄면 미리보기가 좁았을수록
49
+ 그 배수만큼 커져 찍힌다(0.5 로 보고 있었으면 두 배). 화면을 그대로 찍는 `@media print` 는
50
+ `--wt-unscale: 1 !important` 로, 새 창·내려받기는 복사할 때 인라인 값을 지워서 끈다 —
51
+ **두 인쇄 길에 각각 손을 대야 한다.**
52
+
53
+ 띠 글씨는 **body-3 급**이다. 손으로 적은 13px 을 쓰다가 디자인 시스템 값으로 바꿨다
54
+ (`--text-body-3-size`) — 클래스를 그냥 붙이면 크기가 고정돼 위 되돌림이 안 먹으므로 같은
55
+ 토큰에 되돌림만 곱한다. 그 토큰은 보는 사람 쪽 설정(좁은 화면 · 큰 글씨)을 타므로 종이
56
+ 글씨도 그만큼 달라진다 — 화면과 종이를 한 급으로 맞추기로 한 값이다.
57
+
58
+ 말귀 로고는 **컬러 판**이라 `print-color-adjust: exact` 를 준다(브라우저 인쇄 기본값이
59
+ 색을 빼면 흐려지거나 사라진다). 표 번호·주소·저작권은 **다른 글꼴을 안 쓴다** — 고정폭으로
60
+ 찍어 봤더니 한 장 안에 글꼴이 둘 섞여 보였다. 목록 카드(`WordTableButton`)의 번호는 청한
61
+ 대로 고정폭 그대로라, 그 둘은 갈린다.
62
+
63
+ ### 더해짐 — `WordTable` 의 `code`
64
+
65
+ `WordTableButton` 의 같은 이름 프롭(0.212.0, 말귀 요청 ㉚)과 짝이다. 목록 카드에서 번호로
66
+ 찾고, 종이에서도 같은 번호를 본다. 고정폭(`--font-mono`)으로 찍는 것도 같다.
67
+
10
68
  ## 0.212.0
11
69
 
12
70
  ### 더해짐 — `WordTableButton` 에 짧은 식별 글 (말귀 요청 ㉚)