@ihabdevteam/core 0.338.0 → 0.340.0

package/CHANGELOG.md

@@ -7,6 +7,74 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.340.0 — 심볼 열둘의 id 를 사장님이 고치셨다 · 오른쪽 여백 20 을 셈으로 적었다
+
+### 로고 파일
+
+사장님이 **심볼 열둘**을 다시 내보내셨다. svg **속** 뿌리 id 가 파일 이름과 같아졌고,
+`Symbol_IHAB_mono` 에 남아 있던 **없앤 `white`** 도 사라졌다. `Logo_IHAB_ko` 도 함께 고쳐졌다.
+
+```
+Symbol_* 12개   id="a" · Symbol_IHAB_white  →  제 이름
+Logo_IHAB_ko    Logo_IHAB_kor               →  Logo_IHAB_ko
+없앤 말(white·black·textWhite)이 파일 속에 남은 것   1 → 0
+```
+
+남은 것은 로고 24개의 `kor`/`eng` 다(`LOGO-EXPORT-REQUEST.md`). 그리는 데 지장은 없다.
+
+### 오른쪽 여백 20 — 머릿속에 있던 것을 셈으로 옮겼다
+
+`Logo_IHAB_ko` 를 다시 내보내시자 그 파일만 가로가 **`4000` 으로 돌아왔다.** 처음 줄일 때는
+손으로 쟀고 **어떻게 쟀는지가 내 머릿속에만 있어** 처음부터 다시 해야 했다. 내보내기는
+앞으로도 `4000` 으로 준다 — 다시 날 일이다.
+
+- `scripts/logo-right-margin.mjs` — 그려지는 마디의 **참 경계**를 재서 `width`·`viewBox` 를
+  `오른쪽 끝 + 20` 으로 맞춘다. 세로와 왼쪽은 안 건드린다. `--apply` 로 고친다.
+  베지에는 조절점으로 감싸지 않고 **극값을 풀어** 센다 — 감싸면 여백이 20 보다 커진다.
+- `test/logoRightMargin.test.ts` — 로고 28개의 오른쪽 여백이 20 인지 센다.
+
+**닻은 이미 맞춰 둔 파일들이다.** 손으로 쟀던 스물일곱이 새 셈에서 전부 `20.00` 으로
+나왔고, `Logo_IHAB_ko` 가 원한 `891.76` 은 **짝(`_ko_mono`)의 가로와 똑같았다** — 두 쪽에서
+같은 수가 나왔다. 호(`A`/`a`)와 `transform` 은 지금 로고에 없어서 다루지 않고 **던진다**:
+모르는 것을 0 으로 세지 않는다.
+
+## 0.339.0 — 속에 넣은 로고 둘이 색을 바꿔치기하던 것을 막는다
+
+`BrandLogo` 의 `textColor` 길은 svg 를 **문서 속에 넣는다.** 내보낸 로고들이 같은 id 를 쓰고
+되부르고 있어서, 그 길로 로고 둘을 한 쪽에 놓으면 **뒤엣것이 앞엣것의 그라데이션을 썼다.**
+
+```
+id=linear-gradient     가진 파일 10   그 중 되부르는 파일 10
+id=b                   가진 파일  5   그 중 되부르는 파일  5
+```
+
+`url(#X)` 는 **문서 전체**에서 먼저 나온 `X` 에 걸린다. **오류는 안 났다 — 색만 틀렸다.**
+마스크 비가 틀렸을 때와 같은 꼴의 조용한 결함이고, 이달 들어 같은 꼴을 세 번째 만났다.
+
+### 고친 것
+
+- `BrandLogo` 가 속에 넣을 때 **그 로고만의 이름표**를 붙인다(`useId()`). 쓰는 쪽은 아무것도
+  안 바꿔도 된다 — 프롭도 그대로고, 보이는 것도 그대로다.
+- **되부르는 id 만** 바꾼다. `text`·`symbol` 은 아무도 `url(#…)` 로 안 가리켜 겹쳐도 해가 없고,
+  저 둘을 바꾸면 `BrandLogo.css` 의 `[id='text']` 가 못 집어 **글자색이 안 먹는다.**
+- 새 export: `namespaceSvgIds(svg, prefix)` (`hooks/useInlineSvg`).
+
+### 왜 파일을 고치지 않았나
+
+이 svg 들은 디자인 도구에서 내보내는 것이라 고쳐 두면 **다음 내보내기에 돌아오고, 그때는
+아무도 안 본다.** 그래서 **넣는 그 자리**에서 막았다.
+
+### 못 둘을 세웠다
+
+- `test/brandLogoInlineIds.test.tsx` — 로고 둘을 속에 넣어 id 가 겹치지 않는지, 되부름이 제
+  파일 안을 가리키는지, `text` 는 그대로인지. 네 가지로 깨 보고 넷 다 붉어지는 것을 봤다.
+- `test/logoInternalIds.test.ts` — **되부름의 꼴이 아는 둘뿐인지**(`fill="url(#…)"` · `xlink:href`).
+  `clip-path`·`mask`·`style` 로 가리키는 꼴이 들어오면 이름표가 안 붙어 **조용히 색이 틀리므로**
+  그때 운다. 뿌리 id 가 파일 이름과 같은 말을 쓰는지도 센다(아직 어긋난 37곳은 **까닭과 함께**
+  적어 두고, 고쳐진 것이 표에 남아 있으면 운다).
+- `test/fileNamesAreAscii.test.ts` — 저장소 파일 이름에 ASCII 밖 글자가 없는지. 맥은 한글을
+  자모로 흩어 적고(NFD) 리눅스·꾸러미는 모아 적어(NFC) **맥에서만 열리는 이름**이 생긴다.
+
 ## 0.338.0 — 로고를 새로 받았다 — **이름이 바뀐다(소비자가 고쳐야 한다)**
 
 사장님이 `logo/` 를 새로 내셨다. **이름 규칙과 속 생김새가 둘 다 바뀌었고, 옛 이름은 없다.**