@ihabdevteam/core 0.327.0 → 0.328.0

package/CHANGELOG.md

@@ -7,6 +7,69 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.328.0 — 사장님이 정하신 UI·UX 넷 ((302)(303)(304)(306))
+
+### (302) 채점 표시 획 2 → 3.5
+
+폰에서 그림이 5.5px 가 되면 획이 **0.46px** 이라 뭉개져 ○ 와 △ 가 **모양으로 안 갈린다**
+(색으로만). 2026-10-01 에 말귀가 재어 두고 *"미루는 것"* 으로 적어 둔 자리인데, 사장님이
+그 미룸을 거두셨다. **다시 재지 않았다** — CSS 에 적힌 넷 가운데 고르는 셈이 그대로 답이다.
+
+거는 자리는 `--on` 만이 아니라 **칸의 그림 전부**다. 고른 것만 굵히면 얹었을 때 함께 서는
+셋 중 하나만 두꺼워 **굵기가 "매긴 것" 을 말해 버린다** — 그 일은 색과 `--on` 이 한다.
+
+> 접은 길 둘(크기 바닥 · 속 채우기)은 못이 **기록을 들고** 지킨다 — 속을 채우면 `✕` 가
+> 죽는다(선 둘이라 채울 속이 없다). **다시 제안하지 않는다.**
+
+### (303) 결과 줄마다 **다시 듣기**
+
+들려줄 것은 정답 낱말이 아니라 **문제로 나왔던 그 소리**다. 이 창은 줄 자료를 여러 이름으로
+더듬어 받으므로(`question`·`q`·`sentence`…) 소리도 같은 결로 받는다
+(`questionSound`·`soundSrc`·`audioSrc`·`sound`·`audio`·`src`).
+
+- **안 넘기면 아무것도 안 그린다** — 쓰는 쪽은 지금과 똑같다.
+- **글자이기만 한 것은 안 받는다** — 더듬개는 아무 글이나 돌려주므로, 소리 자리에 제목이 든
+  꼴을 틀려 하면 **조용히 아무 일도 안 난다.**
+- **울리는 것은 하나다** — 다른 줄을 누르면 앞 소리가 멈추고, 창이 닫힐 때도 멈춘다
+  (`new Audio()` 는 DOM 에 없어 화면이 사라져도 혼자 운다).
+- 이름표에 **줄 번호**가 든다 — 줄마다 같은 단추라 낭독기 목록에서 못 가린다.
+
+### (304) 겨눌 수 없을 만큼 작아지면 속 단추를 감춘다
+
+375px 에서 배율 0.446 이면 40px 단추가 **9×9px** 이 된다 — 겨눌 수 없고 **빗나간 손가락이
+칸에 닿으면 점수가 바뀐다**(채점 표는 칸을 눌러 매긴다). 키우는 길은 사장님이 막아 두셨다.
+
+문턱은 **WCAG 2.5.8 Target Size (Minimum) 의 24×24 CSS px** — `scripts/target-size.browser.js`
+가 이미 그 자로 쓸고 있다. 지어낸 수가 아니다. **그려진 크기**(`buttonSize * scale`)로 잰다.
+
+> **지우지 않고 감춘다.** `wordTablePrint` 가 이 칸을 복제해 `data-play-state`·`data-audio-src`
+> 로 **종이 문서의 재생 단추**를 짓는다 — 안 그리면 **작은 화면에서 뽑은 종이에만** 재생이
+> 없고, 그 차이는 종이를 받아 든 사람에게만 보인다. 화면 쪽 CSS 가 감추고 인쇄가 되돌린다.
+
+### (306) `ListPopup.resizeStorageKey`
+
+`ListPopup` 은 `resizable` 을 못 박아 넘기는데 저장 열쇠를 안 줬다. 그런데 `Table` 은
+**자동맞춤까지 저장 열쇠에 묶어** 두어, 이 창으로 선 표는 **자동맞춤이 하나도 안 걸렸다** —
+긴 글자가 든 칸이 눌려도 안 펴진다. 폭이 따라다니는 것과 스스로 펴지는 것은 **다른 일인데
+한 손잡이에 달려 있었다.**
+
+묶음을 통째로 푸는 길도 있었지만 **열쇠 없는 표 전부**가 따라 움직인다. 칸 하나로 열고
+고르는 것은 부르는 쪽에 둔다 — **안 주면 지금과 똑같다.**
+
+### 짓다가 못 다섯이 나를 잡았다
+
+- **또 같은 치환 함정** — `replace(…, 1)` 이 **먼저 나온 옛 `다시하기` 단추**를 바꿨다.
+  오늘 아침 기억에 적어 둔 그 꼴을 그대로 밟았다. 이번엔 `count` 로 세어 고쳤다.
+- `training.result.replay` 는 **이미 "다시하기"** 였다 — `assert` 가 이름 충돌을 막았다.
+  소리 쪽은 `replaySound` 로 갈랐다.
+- **템플릿 글자열 안에 백틱**을 넣어 문자열을 끊었다(`tsc` 가 잡았다).
+- `scopePrefixNoDeadRules` — 속성으로 시작하는 고르개는 스코프 프리픽스가 *조상 꼴* 로
+  읽는다. **클래스로** 바꿨다.
+- `cssClassIntegrity` — `.trp-row__replay` 를 **CSS 없이** 붙였다.
+
+> 소비자 할 일: (303) 은 줄 자료에 소리를 담아 넘기면 선다. (306) 은 열쇠를 주고 싶은 창에만
+> 준다. 나머지 둘은 없다.
+
 ## 0.327.0 — 달 보기 이름표가 **열쇠 글자로** 떴다 (0.325.0 회귀)
 
 ### 세 자리 중 하나를 빠뜨렸다