@ihabdevteam/core 0.215.0 → 0.217.0

package/CHANGELOG.md

@@ -7,6 +7,67 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.217.0
+
+### 고침 — 띠를 키우면 네 군데가 어긋났다 (말귀 요청 ㉜)
+
+말귀가 사용자와 값을 맞추다 **네 번 걸렸다.** 값을 열어 달라는 청이었지만, 넷은 **누가 어떤
+값을 주든 같은 데 빠지는 것**이라 그 자체가 고칠 값어치였다.
+
+1. **띠가 안엣것을 안 따라 늘었다** — 로고·글자만 키우면 띠보다 커져 잘린다. 화면에서는
+   "안 바뀌고 있잖아" 로 보인다.
+2. **ihab 로고가 높이로 안 커졌다.** `<img>` 가 아니라 마스크로 그리는 `<span>` 인데 너비를
+   `높이 × 2.64` 로 **박아** 두었고, 마스크가 `contain` 이라 좁은 쪽에 맞는다 — 높이를 24px
+   로 올려도 그림은 17px 그대로였다. `aspect-ratio: 264/100` + `width: auto` 로 바꿔 **높이
+   하나로** 정해지게 한다(말귀 로고 `<img>` 와 같은 규약이 된다).
+3. **띠를 키우면 비우는 여백이 모자라 띠가 표를 파고들었다**(위 −4px · 아래 −6px).
+4. **테두리(`--outline::after`)의 안쪽 여백이 따로 박혀 있었다** — 여백만 키우면 **칸이 없는
+   빈 자리에 선이 그려진다.** 사용자가 화면을 짚어 알려 줬다.
+
+③④ 는 **여백과 테두리를 띠 높이에서 스스로 나오게** 해서 구조로 막는다(`띠 높이 + 4px`).
+따로 적지 않으니 다시 어긋날 수가 없다 — 시험도 두 글월이 **글자까지 같은지**로 잰다.
+
+### 더해짐 — 띠 치수를 CSS 변수로 연다
+
+`--wt-band-top-height` · `--wt-band-top-size` · `--wt-band-top-align` ·
+`--wt-band-bottom-height` · `--wt-band-bottom-size` · `--wt-brand-logo-height` ·
+`--wt-brand-ihab-height` · `--wt-brand-gap`.
+
+부르는 쪽이 `:root` 에 적으면 **화면과 종이가 함께** 바뀐다 — 인쇄 문서는 스타일시트를 통째로
+베껴 가므로 변수 선언도 따라간다. 앱 CSS 로 덮던 길은 **종이에 안 닿았다**: 인쇄 문서는 격자를
+`.paper-wrap` 하나로만 감싸서 앱이 쓰던 감싸개 이름이 선택자에서 안 맞았다.
+
+기본값은 **선언하지 않고** `var(…, 기본)` 의 뒷값으로만 둔다 — 선언하면 그 마디가 `:root`
+보다 가까워 부르는 쪽 값이 진다. 시험이 그것도 잰다.
+
+## 0.216.0
+
+### 더해짐 — `WordTablePopup`·`WordTableBlock` 이 종이 띠를 흘린다 (말귀 요청 ㉛)
+
+0.213.0 이 띠를 낸 자리는 `WordTable` 이고, 설정 고르개는 `TableFilterPanel` 에 달았다.
+그런데 **사람이 실제로 쓰는 것은 그 둘이 아니다** — 인쇄하는 화면은 전부 `WordTablePopup`
+을 지나고(미리보기 · 채점지 · 고객 상세 · 훈련 더보기), `표 설정` 판이 서는 곳은
+`WordTableBlock` 이다. 두 판 모두 프롭을 고정 목록으로 뜯어 쓰므로 **깔아도 손댈 자리가
+한 군데도 없었다** — 기능은 있는데 스위치가 안 닿는 꼴이다.
+
+말귀가 미리보기에서 표를 짚어 리액트 프롭을 떠 보인 목록에 `brand` 도 `code` 도 없었다.
+안 넘긴 것이 아니라 넘길 자리가 없던 것이다. ㉙ 의 `filterCollapsed` 와 **같은 상황이
+또 왔다** — 낸 자리와 쓰는 자리가 다르면, 낸 것만으로는 닿지 않는다.
+
+둘 다 `brand`·`code` 를 받아 안쪽 표로 흘린다. **`brand.show` 가 켜지면 표 설정에
+`상단 정보`·`하단 정보` 고르개가 저절로 선다** — 스위치를 둘로 나누면 부르는 쪽이
+어긋나게 줄 수 있어서다(띠는 켜고 고르개는 안 켜는 식). 그 고르개로 고른 값이
+`brand.top`·`bottom` 을 덮는다: 화면에서 사람이 고른 것이 마지막 말이다.
+
+### 되돌림 — `페이지 번호` 자리 고르개는 **없앤 것이 맞다**
+
+0.215.0 에서 '띠를 안 쓰는 화면의 회귀' 로 보고 조건을 달아 되살렸는데, **그 판단의
+바탕이 된 보고가 틀렸다** — 한 쪽짜리 표라 절이 안 보였던 것을 사라진 것으로 읽은
+것이었다. 없애는 것이 본래 지시다. 다시 걷고, 되살리지 말라고 코드와 시험에 적었다.
+
+한 판 만에 되돌리는 값이라 적어 둔다: **안 보인다는 보고를 사라졌다로 읽지 않는다.**
+그 절은 여러 쪽일 때만 서는 것이었고, 그것부터 확인했으면 한 판을 아꼈다.
+
 ## 0.215.0
 
 ### 고침 — 띠를 안 켠 화면에서 `페이지 번호` 자리 고르개가 사라져 있었다