@ihabdevteam/core 0.227.0 → 0.229.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 +51 -0
- package/dist/components.cjs.js +11 -11
- package/dist/components.esm.css +1 -1
- package/dist/hooks.cjs.js +1 -1
- package/dist/i18n.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +15 -15
- package/dist/ihabdevteam-core.d.ts +1 -1
- package/dist/packages/core/src/components/WordTable.css +50 -0
- package/dist/packages/core/src/components/WordTable.js +23 -3
- package/dist/packages/core/src/version.d.ts +1 -1
- package/dist/packages/core/src/version.js +1 -1
- package/dist/utils.cjs.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,57 @@ All notable changes to this project will be documented in this file.
|
|
|
7
7
|
> 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
|
|
8
8
|
> 제 이야기를 못 찾는다.
|
|
9
9
|
|
|
10
|
+
## 0.229.0
|
|
11
|
+
|
|
12
|
+
### 채점 표시 ○ · △ · ✕ 가 **동그라미**가 된다 (말귀 요청 ㊸)
|
|
13
|
+
|
|
14
|
+
**모습이 달라진다 — `scoring` 을 쓰는 표가 있으면 먼저 본다.** 표시가 모서리 둥근
|
|
15
|
+
네모(40px 에서 10px)에서 **동그라미**로 바뀐다.
|
|
16
|
+
|
|
17
|
+
같은 평가를 말하는 창 머리의 셈과 낱말 목록은 `CircleBadge`(50%)인데, 표 칸의 표시만
|
|
18
|
+
`Button` 기본 모양(`shape="rounded"`)이라 **한 창 안에서 같은 뜻이 두 모양**으로 섰다.
|
|
19
|
+
사용자가 두 번 짚었다.
|
|
20
|
+
|
|
21
|
+
`type="dot"` 은 `size × size` 네모 단추라 **`shape="pill"`(9999px)이 곧 동그라미**다 —
|
|
22
|
+
`--button-rounded-radius: 50%` 를 따로 주지 않는다. 이미 있는 프롭으로 닿는다.
|
|
23
|
+
브라우저 실측: 34×34 · `border-radius: 9999px`.
|
|
24
|
+
|
|
25
|
+
**프롭으로 열지 않는다.** 둥근 네모를 원하는 자리가 하나도 없고, 열어 두면 **같은 결정을
|
|
26
|
+
자리마다 다시 적어야** 한다 — 말귀가 실제로 그렇게 갈렸다(한쪽에만 걸어 두었더니 회차
|
|
27
|
+
창은 동그라미, 채점 창은 둥근 네모). 조건이 하나면 스위치도 하나다(㊷ 에서 `scoreScale`
|
|
28
|
+
프롭을 안 만든 것과 같은 결).
|
|
29
|
+
|
|
30
|
+
> 소비자가 `--button-rounded-radius: 50%` 로 덮고 있었다면 그 CSS 는 이제 걷어도 된다.
|
|
31
|
+
|
|
32
|
+
## 0.228.0
|
|
33
|
+
|
|
34
|
+
### 읽기만 하는 채점 표 — **표시 되감기와 ○△✕ 드러내기를 끈다** (말귀 요청 ㊷)
|
|
35
|
+
|
|
36
|
+
지난 채점을 **매긴 그 표 그대로** 펴 보이는 창이 생겼다. `scoring` 과 `marks` 는 주고
|
|
37
|
+
`onMarkClick` 은 안 준다 — 매길 일이 없는 표다. 거기서 둘이 거꾸로 해로웠다.
|
|
38
|
+
|
|
39
|
+
**① 표시 되감기.** 폰에서 배율이 0.28 이면 40px 단추가 11px 이 되어 손가락으로 못 누르므로,
|
|
40
|
+
표시에만 되돌림을 씌워 왔다(2026-09-22). 그런데 되돌림이 배율을 약분해 **표시만 늘 같은
|
|
41
|
+
픽셀로 남고** 칸은 배율을 그대로 받아 작아진다 — 칸이 작을수록 표시가 **낱말 위로
|
|
42
|
+
올라탄다**. 말귀 실측: 데스크톱 배율 0.54 · 40px 에서 `사과`·`수박` 을 덮었고, 폰 375px
|
|
43
|
+
배율 0.28 · 24px 에서 `기지`·`[낙찌]` 를 덮었다.
|
|
44
|
+
|
|
45
|
+
**② 손가락 기기에서 안 매긴 ○△✕ 가 늘 선다.** `@media (hover: none)` 이 그렇게 둔 것은
|
|
46
|
+
"매기려면 보여야 한다" 는 까닭인데(2026-09-22: 안 매긴 칸의 단추가 영영 0×0 이라 채점을
|
|
47
|
+
시작할 수가 없었다), 읽기만 하는 표가 **아직 안 매긴 표**처럼 보였다.
|
|
48
|
+
|
|
49
|
+
**`onMarkClick` 하나로 가른다 — 프롭을 새로 만들지 않는다.** 둘 다 '매길 수 있게' 하려고
|
|
50
|
+
있는 것이고, `onMarkClick` 이 없는 표는 눌러도 아무 일이 없는 표다(`clickMark` 가 빈
|
|
51
|
+
호출이다). 조건이 같으니 스위치도 하나다.
|
|
52
|
+
|
|
53
|
+
- 되감기: `onMarkClick` 이 없으면 `1`(안 씌운다).
|
|
54
|
+
- 표에 `word-table--score-readonly` 가 서고, 그 아래에서 **안 매긴** 칸만 감춘다.
|
|
55
|
+
`--on`(고른 것)은 건드리지 않는다 — 그것이 이 표의 알맹이다.
|
|
56
|
+
|
|
57
|
+
> **`scoring` 과 `marks` 만 주고 `onMarkClick` 은 안 주던 곳이 있으면 모습이 달라진다.**
|
|
58
|
+
> 표시가 칸과 함께 작아지고, 손가락 기기에서 안 매긴 ○△✕ 가 사라진다. 그 자리가 정말로
|
|
59
|
+
> 매기는 자리였다면 `onMarkClick` 을 주면 전과 같다.
|
|
60
|
+
|
|
10
61
|
## 0.227.0
|
|
11
62
|
|
|
12
63
|
### 글자 칸 가운데에 서던 **세로줄**을 걷는다 (말귀 요청 ㊶)
|