@ihabdevteam/core 0.213.0 → 0.214.0

package/dist/ihabdevteam-core.d.ts

@@ -1626,7 +1626,7 @@ export declare function copyText(text: string): Promise<boolean>;
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.213.0";
+export declare const CORE_VERSION = "0.214.0";
 
 /** @public */
 declare const coreDefault: Record<string, unknown>;
@@ -7332,6 +7332,10 @@ declare interface TableFilterPanelSmartProps extends TableFilterPanelBaseProps {
     showCutLine?: boolean;
     /** 구분선 섹션 노출 여부 — 대립쌍표 등 짝이 있는 표에서만(호출부가 판단). */
     showDivLine2?: boolean;
+    /** 상단·하단 정보(종이 머리·바닥 띠) 절을 세운다 — 띠를 쓰는 화면에서만(호출부가 판단). */
+    showPaperBands?: boolean;
+    showTopInfo?: boolean;
+    showBottomInfo?: boolean;
     /** 용지 방향과 외곽선 사이에 끼워 넣을 추가 섹션 — 칸 수/페이지당 개수/페이지 번호 등, 호출부 전용이라 직접 구성해 넘긴다. */
     middleSections?: FilterPanelSection[];
     /** middleSections의 현재 선택값. */
@@ -7458,6 +7462,8 @@ declare interface TableSettingsSetters {
     setShowOutline: (v: boolean) => void;
     setCutLine: (v: WordTableCutLine) => void;
     setShowDivLine: (v: boolean) => void;
+    setShowTopInfo?: (v: boolean) => void;
+    setShowBottomInfo?: (v: boolean) => void;
 }
 
 /** `useTableSort` 의 선택 인자. @public */
@@ -9747,7 +9753,12 @@ export declare function useWordMeanings(rows: {
  * WordTablePopup 등 표를 미리 보여주고 인쇄하는 곳에서 쓴다.
  * @public
  */
-export declare function useWordTableDisplaySettings(items: WordSearchResultItem[]): UseWordTableDisplaySettingsResult;
+export declare function useWordTableDisplaySettings(items: WordSearchResultItem[], 
+/** 종이 머리·바닥 띠를 쓰는 화면이면 참 — '상단 정보'·'하단 정보' 절이 함께 선다.
+ *  안 쓰는 화면에 켜고 끌 것이 없는 절이 서면 안 되므로 기본은 거짓이다. */
+opts?: {
+    paperBands?: boolean;
+}): UseWordTableDisplaySettingsResult;
 
 /** @public */
 export declare interface UseWordTableDisplaySettingsResult {
@@ -10585,6 +10596,10 @@ export declare interface WordTableDisplaySettings {
     contentTypes: WordTableContentType[];
     cutLine: WordTableCutLine;
     showOutline: boolean;
+    /** 종이 머리 띠(로고·표 번호)를 찍나 */
+    showTopInfo: boolean;
+    /** 종이 바닥 띠(만든 곳·주소·쪽 번호)를 찍나 */
+    showBottomInfo: boolean;
     showDivLine: boolean;
     /** 표 칸 수(= 페이지당 개수, 최소 1). */
     count: number;
@@ -10757,10 +10772,18 @@ export declare interface WordTableProps {
     brand?: {
         /** 로고와 저작권을 세운다. 나머지 자리는 각자 값이 있을 때만 선다. */
         show?: boolean;
+        /** 위 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '상단 정보' 가 이것을 움직인다. */
+        top?: boolean;
+        /** 아래 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '하단 정보' 가 이것을 움직인다. */
+        bottom?: boolean;
         /**
          * 아래 오른쪽 — **이 표로 가는 주소**. 회사 홈 주소가 아니라 그 표의 공유 링크다
          * (사용자 지시 2026-09-30). 종이를 든 사람이 이 주소로 같은 표를 화면에서 연다.
          *
+         * **`code` 와는 다른 것이다.** 표 번호는 기관 안에서 매긴 번호고 이 주소는 따로 난
+         * 공유 링크다 — 번호에서 주소를 만들어 내지 않는다. 둘 다 이 표를 가리키지만 나오는
+         * 데가 다르므로 각각 받는다.
+         *
          * 종이라 누를 수 없으니 글자 그대로 찍는다 — 그래서 **사람이 옮겨 칠 수 있는 길이**
          * 여야 한다. 긴 주소를 그대로 주면 넘쳐 …로 잘리고, 잘린 주소는 옮겨 칠 수 없다.
          * 짧은 주소를 쓰거나, 표 번호로 찾는 길을 함께 두는 편이 낫다.
@@ -10768,6 +10791,15 @@ export declare interface WordTableProps {
         link?: string;
         /** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
         copyright?: string;
+        /** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
+        title?: string;
+        /**
+         * 위 오른쪽 — **표 번호 앞에 붙는 기관 이름**(말귀매니저). 번호는 그 기관 안에서만
+         * 고유하므로 이름과 함께여야 어느 곳의 몇 번인지가 정해진다(사용자 지시 2026-09-30).
+         * `이름 · 번호` 로 선다. 이름이 길면 이름만 줄고 번호는 안 줄인다 — 번호가 잘리면
+         * 확인 글자가 사라져 뜻이 없다.
+         */
+        owner?: string;
     };
     /**
      * **짧은 식별 글** — 표 번호(`1043-E`). `brand` 를 줬을 때 위 오른쪽에 선다.

package/dist/packages/core/src/components/Word/TableFilterPanel.d.ts

@@ -45,6 +45,10 @@ export interface TableFilterPanelSmartProps extends TableFilterPanelBaseProps {
     showCutLine?: boolean;
     /** 구분선 섹션 노출 여부 — 대립쌍표 등 짝이 있는 표에서만(호출부가 판단). */
     showDivLine2?: boolean;
+    /** 상단·하단 정보(종이 머리·바닥 띠) 절을 세운다 — 띠를 쓰는 화면에서만(호출부가 판단). */
+    showPaperBands?: boolean;
+    showTopInfo?: boolean;
+    showBottomInfo?: boolean;
     /** 용지 방향과 외곽선 사이에 끼워 넣을 추가 섹션 — 칸 수/페이지당 개수/페이지 번호 등, 호출부 전용이라 직접 구성해 넘긴다. */
     middleSections?: FilterPanelSection[];
     /** middleSections의 현재 선택값. */

package/dist/packages/core/src/components/Word/TableFilterPanel.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useTranslation } from 'react-i18next';
 import FilterPanel from '../FilterPanel';
-import { buildCompositionSection, buildOrientationSection, buildBorderSection, buildCutLineSection, buildDivLineSection, buildTableSettingsSelected, applyTableSettingsSelect, } from './wordTableSettings';
+import { buildCompositionSection, buildOrientationSection, buildBorderSection, buildCutLineSection, buildDivLineSection, buildTopInfoSection, buildBottomInfoSection, buildTableSettingsSelected, applyTableSettingsSelect, } from './wordTableSettings';
 function isShellProps(props) {
     return 'sections' in props;
 }
@@ -22,7 +22,7 @@ export default function TableFilterPanel(props) {
     if (isShellProps(props)) {
         return (_jsx(FilterPanel, { className: className, title: title ?? t('wordTable.filterTitle', '표 설정'), sections: props.sections, selected: props.selected, onSelect: props.onSelect, ...접기, align: "inline" }));
     }
-    const { hasImage, hasColloquial, contentTypes, orientation, showOutline, cutLine, showDivLine, setters, showCutLine = false, showDivLine2 = false, middleSections = [], extraSelected = {}, onExtraSelect, } = props;
+    const { hasImage, hasColloquial, contentTypes, orientation, showOutline, cutLine, showDivLine, setters, showCutLine = false, showDivLine2 = false, middleSections = [], extraSelected = {}, onExtraSelect, showPaperBands = false, showTopInfo = true, showBottomInfo = true, } = props;
     const sections = [
         buildCompositionSection(t, { hasImage, hasColloquial }),
         buildOrientationSection(t),
@@ -30,9 +30,11 @@ export default function TableFilterPanel(props) {
         buildBorderSection(t),
         ...(showCutLine ? [buildCutLineSection(t)] : []),
         ...(showDivLine2 ? [buildDivLineSection(t)] : []),
+        /* 띠를 쓰는 화면에서만 — 안 쓰는 표에 켜고 끌 것이 없는 절이 서면 안 된다 */
+        ...(showPaperBands ? [buildTopInfoSection(t), buildBottomInfoSection(t)] : []),
     ];
     const selected = {
-        ...buildTableSettingsSelected(t, { contentTypes, orientation, showOutline, cutLine, showDivLine }),
+        ...buildTableSettingsSelected(t, { contentTypes, orientation, showOutline, cutLine, showDivLine, showTopInfo, showBottomInfo }),
         ...extraSelected,
     };
     const onSelect = (value, sectionLabel) => {

package/dist/packages/core/src/components/Word/WordTableBlock.js

@@ -12,7 +12,7 @@ import Popup from '../Popup/Popup';
 import WordTable, { WORD_TABLE_PAPER } from '../WordTable';
 import { chunkItems } from '../wordTableLayout';
 import TableFilterPanel from './TableFilterPanel';
-import { buildItemsPerPageSection, buildPageNumberSection, PAGE_NUM_POSITION_VALUE, parsePageNumberPosition, itemsPerPageFromChoice } from './wordTableSettings';
+import { buildItemsPerPageSection, PAGE_NUM_POSITION_VALUE, parsePageNumberPosition, itemsPerPageFromChoice } from './wordTableSettings';
 import Toast from '../Toast';
 import { useToastState } from '../../hooks/useToastState';
 import { getImageResolver, checkImageExists } from '../../utils/imageConfig';
@@ -196,7 +196,7 @@ export default function WordTableBlock({ title, titleIcon, disc, filterTitle, fi
         ...((isEditable || showCellCount) ? [{ label: t('wordTable.filter.columns', '칸 수'), items: CELL_COUNTS.map(n => ({ value: `${n}칸`, displayLabel: t('wordTable.filter.column', { count: n }) })), display: 'segmented' }] : []),
         // 내용이 있는(1개 이상) 표면 '페이지당 대립쌍/단어 수'를 항상 노출한다(표시 모드 한정).
         ...(pagesEnabled && (items?.length ?? 0) > 0 ? [buildItemsPerPageSection(t, { hasPairs, itemCount })] : []),
-        ...(isPaginated ? [buildPageNumberSection(t)] : []),
+        /* '페이지 번호' 자리 고르개는 걷었다 — 쪽 번호는 바닥 띠가 자리를 쥔다(사용자 지시 2026-09-30) */
     ], [t, isEditable, showCellCount, pagesEnabled, items?.length, hasPairs, itemCount, isPaginated]);
     const middleSelected = {
         ...((isEditable || showCellCount) ? { [t('wordTable.filter.columns', '칸 수')]: `${count}칸` } : {}),

package/dist/packages/core/src/components/Word/useWordTableDisplaySettings.d.ts

@@ -7,6 +7,10 @@ export interface WordTableDisplaySettings {
     contentTypes: WordTableContentType[];
     cutLine: WordTableCutLine;
     showOutline: boolean;
+    /** 종이 머리 띠(로고·표 번호)를 찍나 */
+    showTopInfo: boolean;
+    /** 종이 바닥 띠(만든 곳·주소·쪽 번호)를 찍나 */
+    showBottomInfo: boolean;
     showDivLine: boolean;
     /** 표 칸 수(= 페이지당 개수, 최소 1). */
     count: number;
@@ -32,4 +36,9 @@ export interface UseWordTableDisplaySettingsResult {
  * WordTablePopup 등 표를 미리 보여주고 인쇄하는 곳에서 쓴다.
  * @public
  */
-export declare function useWordTableDisplaySettings(items: WordSearchResultItem[]): UseWordTableDisplaySettingsResult;
+export declare function useWordTableDisplaySettings(items: WordSearchResultItem[], 
+/** 종이 머리·바닥 띠를 쓰는 화면이면 참 — '상단 정보'·'하단 정보' 절이 함께 선다.
+ *  안 쓰는 화면에 켜고 끌 것이 없는 절이 서면 안 되므로 기본은 거짓이다. */
+opts?: {
+    paperBands?: boolean;
+}): UseWordTableDisplaySettingsResult;

package/dist/packages/core/src/components/Word/useWordTableDisplaySettings.js

@@ -3,7 +3,7 @@ import { useMemo, useState, useCallback, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import { chunkItems } from '../wordTableLayout';
 import { getImageResolver, checkImageExists } from '../../utils/imageConfig';
-import { buildCompositionSection, buildOrientationSection, buildBorderSection, buildCutLineSection, buildDivLineSection, buildItemsPerPageSection, buildPageNumberSection, buildTableSettingsSelected, applyTableSettingsSelect, PAGE_NUM_POSITION_VALUE, parsePageNumberPosition, itemsPerPageFromChoice, } from './wordTableSettings';
+import { buildCompositionSection, buildOrientationSection, buildBorderSection, buildCutLineSection, buildDivLineSection, buildTopInfoSection, buildBottomInfoSection, buildItemsPerPageSection, buildTableSettingsSelected, applyTableSettingsSelect, PAGE_NUM_POSITION_VALUE, parsePageNumberPosition, itemsPerPageFromChoice, } from './wordTableSettings';
 /**
  * 표시 전용 단어표(편집 없음)의 '표 설정' FilterPanel 상태·섹션을 제공하는 훅.
  * 구성·용지 방향·외곽선, 내용이 있으면 페이지당 개수, 2페이지 이상이면 페이지 번호, 항목이 2개 이상이면
@@ -11,12 +11,19 @@ import { buildCompositionSection, buildOrientationSection, buildBorderSection, b
  * WordTablePopup 등 표를 미리 보여주고 인쇄하는 곳에서 쓴다.
  * @public
  */
-export function useWordTableDisplaySettings(items) {
+export function useWordTableDisplaySettings(items, 
+/** 종이 머리·바닥 띠를 쓰는 화면이면 참 — '상단 정보'·'하단 정보' 절이 함께 선다.
+ *  안 쓰는 화면에 켜고 끌 것이 없는 절이 서면 안 되므로 기본은 거짓이다. */
+opts) {
     const { t } = useTranslation();
+    const 띠쓰나 = opts?.paperBands === true;
     const [orientation, setOrientation] = useState('landscape');
     const [contentTypes, setContentTypes] = useState(['이미지', '단어', '표준 발음']);
     const [cutLine, setCutLine] = useState('표시');
     const [showOutline, setShowOutline] = useState(true);
+    /* 종이 머리·바닥 띠 — 기본은 켬(브랜드가 찍힌 종이가 기본값이다) */
+    const [showTopInfo, setShowTopInfo] = useState(true);
+    const [showBottomInfo, setShowBottomInfo] = useState(true);
     const [showDivLine, setShowDivLine] = useState(true);
     const [itemsPerPageSetting, setItemsPerPageSetting] = useState(8);
     const [pageNumberPosition, setPageNumberPosition] = useState('right');
@@ -54,19 +61,23 @@ export function useWordTableDisplaySettings(items) {
         buildOrientationSection(t),
         // 내용이 있는(1개 이상) 표면 페이지당 개수를 항상 노출.
         ...(itemCount > 0 ? [buildItemsPerPageSection(t, { hasPairs, itemCount })] : []),
-        ...(isPaginated ? [buildPageNumberSection(t)] : []),
+        /* '페이지 번호' 자리 고르개는 걷었다(사용자 지시 2026-09-30) — 쪽 번호가 바닥 띠
+           오른쪽에 고정으로 서므로 고를 자리가 없다. `pageNumberPosition` 프롭은 남아 있어
+           띠를 안 쓰는 화면은 전처럼 자리를 정할 수 있다. */
         buildBorderSection(t),
         ...(count > 1 ? [buildCutLineSection(t)] : []),
         ...(hasPairs ? [buildDivLineSection(t)] : []),
-    ], [t, hasImage, hasColloquial, itemCount, hasPairs, isPaginated, count]);
+        /* 띠를 쓰는 화면에서만 — 안 쓰는 표에 켜고 끌 것이 없는 절이 서면 안 된다 */
+        ...(띠쓰나 ? [buildTopInfoSection(t), buildBottomInfoSection(t)] : []),
+    ], [t, hasImage, hasColloquial, itemCount, hasPairs, isPaginated, count, 띠쓰나]);
     const filterSelected = {
-        ...buildTableSettingsSelected(t, { contentTypes, orientation, showOutline, cutLine, showDivLine }),
+        ...buildTableSettingsSelected(t, { contentTypes, orientation, showOutline, cutLine, showDivLine, showTopInfo, showBottomInfo }),
         ...(itemCount > 0 ? { [t(hasPairs ? 'wordTable.filter.itemsPerPagePair' : 'wordTable.filter.itemsPerPageWord')]: `${effectiveItemsPerPage}개` } : {}),
         ...(isPaginated ? { [t('wordTable.filter.pageNumber', '페이지 번호')]: PAGE_NUM_POSITION_VALUE[pageNumberPosition] } : {}),
     };
     const handleSelect = useCallback((value, sectionLabel) => {
         // 기본 5개 설정은 공용 헬퍼가 처리 — 처리했으면 종료. 나머지(페이지당 개수·페이지 번호)만 여기서.
-        if (applyTableSettingsSelect(t, value, sectionLabel, { setContentTypes, setOrientation, setShowOutline, setCutLine, setShowDivLine }))
+        if (applyTableSettingsSelect(t, value, sectionLabel, { setContentTypes, setOrientation, setShowOutline, setCutLine, setShowDivLine, setShowTopInfo, setShowBottomInfo }))
             return;
         if (sectionLabel === t('wordTable.filter.itemsPerPagePair', '페이지당 대립쌍 수') || sectionLabel === t('wordTable.filter.itemsPerPageWord', '페이지당 단어 수')) {
             setItemsPerPageSetting(itemsPerPageFromChoice(parseInt(value), itemCount));
@@ -76,7 +87,7 @@ export function useWordTableDisplaySettings(items) {
         }
     }, [t, itemCount]);
     return {
-        settings: { orientation, contentTypes, cutLine, showOutline, showDivLine, count },
+        settings: { orientation, contentTypes, cutLine, showOutline, showDivLine, count, showTopInfo, showBottomInfo },
         filterSections, filterSelected, handleSelect,
         pages, isPaginated, pageNumberPosition,
     };

package/dist/packages/core/src/components/Word/wordTableSettings.d.ts

@@ -17,6 +17,10 @@ export declare function buildCompositionSection(t: TFunction, opts: {
 export declare function buildOrientationSection(t: TFunction): FilterPanelSection;
 /** @public 외곽선(표시/미표시) 세그먼트 섹션. */
 export declare function buildBorderSection(t: TFunction): FilterPanelSection;
+/** @public 상단 정보(표시/미표시) 세그먼트 섹션 — 종이 머리 띠(로고·표 번호)를 켜고 끈다. */
+export declare function buildTopInfoSection(t: TFunction): FilterPanelSection;
+/** @public 하단 정보(표시/미표시) 세그먼트 섹션 — 종이 바닥 띠(만든 곳·주소·쪽 번호)를 켜고 끈다. */
+export declare function buildBottomInfoSection(t: TFunction): FilterPanelSection;
 /** @public 절취선(표시/점선/코너/미표시) 세그먼트 섹션. */
 export declare function buildCutLineSection(t: TFunction): FilterPanelSection;
 /** @public 구분선(대립선, 표시/미표시) 세그먼트 섹션 — 대립쌍표에만 노출. */
@@ -48,6 +52,8 @@ export declare function buildTableSettingsSelected(t: TFunction, v: {
     showOutline: boolean;
     cutLine: WordTableCutLine;
     showDivLine: boolean;
+    showTopInfo?: boolean;
+    showBottomInfo?: boolean;
 }): Record<string, string | string[]>;
 /** @public 기본 5개 설정 상태 setter 묶음. */
 export interface TableSettingsSetters {
@@ -56,6 +62,8 @@ export interface TableSettingsSetters {
     setShowOutline: (v: boolean) => void;
     setCutLine: (v: WordTableCutLine) => void;
     setShowDivLine: (v: boolean) => void;
+    setShowTopInfo?: (v: boolean) => void;
+    setShowBottomInfo?: (v: boolean) => void;
 }
 /**
  * @public 기본 5개 설정 섹션의 FilterPanel select 처리. 처리했으면 true, 아니면(추가 섹션 라벨) false를

package/dist/packages/core/src/components/Word/wordTableSettings.js

@@ -43,6 +43,28 @@ export function buildBorderSection(t) {
         display: 'segmented',
     };
 }
+/** @public 상단 정보(표시/미표시) 세그먼트 섹션 — 종이 머리 띠(로고·표 번호)를 켜고 끈다. */
+export function buildTopInfoSection(t) {
+    return {
+        label: t('wordTable.filter.topInfo', '상단 정보'),
+        items: [
+            { value: '표시', displayLabel: t('wordTable.filter.show', '표시') },
+            { value: '미표시', displayLabel: t('wordTable.filter.hide', '미표시') },
+        ],
+        display: 'segmented',
+    };
+}
+/** @public 하단 정보(표시/미표시) 세그먼트 섹션 — 종이 바닥 띠(만든 곳·주소·쪽 번호)를 켜고 끈다. */
+export function buildBottomInfoSection(t) {
+    return {
+        label: t('wordTable.filter.bottomInfo', '하단 정보'),
+        items: [
+            { value: '표시', displayLabel: t('wordTable.filter.show', '표시') },
+            { value: '미표시', displayLabel: t('wordTable.filter.hide', '미표시') },
+        ],
+        display: 'segmented',
+    };
+}
 /** @public 절취선(표시/점선/코너/미표시) 세그먼트 섹션. */
 export function buildCutLineSection(t) {
     return {
@@ -115,6 +137,9 @@ export function buildTableSettingsSelected(t, v) {
         [t('wordTable.filter.border', '외곽선')]: v.showOutline ? '표시' : '미표시',
         [t('wordTable.filter.cutLine', '절취선')]: v.cutLine,
         [t('wordPrint.divLine', '대립선')]: v.showDivLine ? '표시' : '미표시',
+        /* 띠를 안 쓰는 화면은 이 절을 아예 안 세우므로 값이 있어도 안 보인다 */
+        [t('wordTable.filter.topInfo', '상단 정보')]: v.showTopInfo === false ? '미표시' : '표시',
+        [t('wordTable.filter.bottomInfo', '하단 정보')]: v.showBottomInfo === false ? '미표시' : '표시',
     };
 }
 /**
@@ -147,5 +172,13 @@ export function applyTableSettingsSelect(t, value, sectionLabel, s) {
         s.setShowDivLine(value === '표시');
         return true;
     }
+    if (sectionLabel === t('wordTable.filter.topInfo', '상단 정보')) {
+        s.setShowTopInfo?.(value === '표시');
+        return true;
+    }
+    if (sectionLabel === t('wordTable.filter.bottomInfo', '하단 정보')) {
+        s.setShowBottomInfo?.(value === '표시');
+        return true;
+    }
     return false;
 }

package/dist/packages/core/src/components/WordTable.css

@@ -66,20 +66,22 @@
 /* ── 종이 머리·바닥 띠 ────────────────────────────────────────────────
    쪽 번호가 쓰던 수를 위아래로 넓힌 것이다. 격자가 그만큼 비우고 띠는 그 빈 자리에
    절대 배치로 선다 — **격자 안**이라 인쇄가 격자만 복사해 가도 함께 간다. */
-.word-table-block__content--brand {
-    /* 띠 높이에 딱 붙인다 — 남는 틈은 4px 뿐이다(사용자 지시 2026-09-30: 여백이 많다).
-       비운 자리가 띠보다 크면 로고와 칸 사이가 벌어져 종이가 헐거워 보인다. */
-    padding-top: calc(32px * var(--wt-unscale, 1));
-    padding-bottom: calc(24px * var(--wt-unscale, 1));
-}
+/* 띠 높이에 딱 붙인다 — 남는 틈은 4px 뿐이다(사용자 지시 2026-09-30: 여백이 많다).
+   비운 자리가 띠보다 크면 로고와 칸 사이가 벌어져 종이가 헐거워 보인다.
+   **위아래를 따로 비운다** — 표 설정에서 한쪽만 끌 수 있다. */
+.word-table-block__content--brand-top { padding-top: calc(32px * var(--wt-unscale, 1)); }
+.word-table-block__content--brand-bottom { padding-bottom: calc(26px * var(--wt-unscale, 1)); }
 /* 절취선 바탕·외곽선은 칸이 있는 데까지만 — 띠까지 두르면 로고가 표 안에 든 것처럼 보인다
    (쪽 번호 때와 같은 까닭). 아래는 쪽 번호 규칙과 겹치므로 여기서 다시 적어 이긴다. */
-.word-table-block__content--brand.word-table-block__content--cut-show {
+.word-table-block__content--brand-top.word-table-block__content--cut-show,
+.word-table-block__content--brand-bottom.word-table-block__content--cut-show {
     background-clip: content-box;
 }
-.word-table-block__content--brand.word-table-block__content--outline::after {
+.word-table-block__content--brand-top.word-table-block__content--outline::after {
     top: calc(32px * var(--wt-unscale, 1));
-    bottom: calc(24px * var(--wt-unscale, 1));
+}
+.word-table-block__content--brand-bottom.word-table-block__content--outline::after {
+    bottom: calc(26px * var(--wt-unscale, 1));
 }
 
 .word-table__band {
@@ -93,18 +95,34 @@
     z-index: 2;
     pointer-events: none;
     color: var(--color-gray);
-    /* **body-3 급**이다(사용자 지시 2026-09-30) — 손으로 적은 13px 대신 디자인 시스템 값을
-       쓴다. 클래스(`.body-3`)를 그냥 붙이면 크기가 고정돼 배율 되돌림이 안 먹으므로,
-       같은 토큰에 되돌림만 곱한다.
-       **이 토큰은 보는 사람 쪽 설정을 탄다** — 좁은 화면이면 13px, 큰 글씨 설정이면 16~18px
-       이라 종이 글씨가 그만큼 달라진다. 화면과 종이를 한 급으로 맞추기로 한 값이다. */
-    font-size: calc(var(--text-body-3-size, 14px) * var(--wt-unscale, 1));
-    line-height: calc(var(--text-body-3-line, 22px) * var(--wt-unscale, 1));
-    font-weight: var(--text-body-3-weight, 400);
+    /* 글꼴 크기는 띠마다 다르다 — 위는 caption-1, 아래는 caption-2(사용자 지시 2026-09-30).
+       클래스(`.caption-1`)를 그냥 붙이면 크기가 고정돼 배율 되돌림이 안 먹으므로 같은
+       토큰에 되돌림만 곱한다. 그 토큰은 보는 사람 쪽 설정(좁은 화면 · 큰 글씨)을 타므로
+       종이 글씨도 그만큼 달라진다 — 화면과 종이를 한 급으로 맞추기로 한 값이다. */
+    font-weight: var(--text-caption-1-weight, 400);
 }
 /* 비워 둔 44px 안에 든다 */
-.word-table__band--top    { top: 0;    height: calc(28px * var(--wt-unscale, 1)); }
-.word-table__band--bottom { bottom: 0; height: calc(20px * var(--wt-unscale, 1)); }
+/* 위는 **11px**, 아래는 **8px** — 둘 다 종이 전용 값이라 토큰에서 벗어난다
+   (사용자 지시 2026-09-30). 화면 글씨는 읽는 거리에 맞추지만 이 줄들은 종이에 찍혀
+   필요할 때만 들여다본다. 배율 되돌림은 그대로 받는다. */
+.word-table__band--top {
+    top: 0;
+    height: calc(28px * var(--wt-unscale, 1));
+    font-size: calc(11px * var(--wt-unscale, 1));
+    line-height: calc(15px * var(--wt-unscale, 1));
+}
+/* 아래는 **8px** 이다(사용자 지시 2026-09-30) — 만든 곳 · 주소 · 쪽 번호는 찾을 때만 읽는
+   잔글이라 디자인 시스템의 가장 작은 급(caption-2, 11px)보다 더 내린다. 토큰을 안 쓰는
+   유일한 자리이고, **종이 전용 값**이라 그렇다: 화면 글씨는 사람이 읽는 거리에 맞추지만
+   이 줄은 종이에 인쇄돼 필요할 때만 들여다본다. 배율 되돌림은 그대로 받는다. */
+.word-table__band--bottom {
+    /* 로고까지 이 색을 받는다 — 마스크를 `currentColor` 로 칠하므로 글씨와 늘 같은 색이다 */
+    color: var(--color-gray);
+    bottom: 0;
+    height: calc(22px * var(--wt-unscale, 1));
+    font-size: calc(8px * var(--wt-unscale, 1));
+    line-height: calc(12px * var(--wt-unscale, 1));
+}
 
 .word-table__brand-logo {
     height: calc(28px * var(--wt-unscale, 1));
@@ -115,8 +133,30 @@
     print-color-adjust: exact;
     -webkit-print-color-adjust: exact;
 }
-/* 만든 곳 로고 — 저작권 글씨와 같은 무게로 물러나 있는다 */
-.word-table__brand-logo--small { height: calc(14px * var(--wt-unscale, 1)); }
+/* 만든 곳(ihab) 로고 — **그림이 아니라 꼴**이다. 흰 판 SVG 를 마스크로 오려 그 자리를
+   `currentColor` 로 칠하므로 곁의 글씨와 **같은 색**이 된다(사용자 지시 2026-09-30).
+   파일에 `fill` 이 박혀 있어 `<img>` 로는 색을 못 바꾼다. 가로세로비는 파일 그대로(264:100).
+   인쇄에서도 색이 빠지지 않게 말귀 로고와 같은 수를 쓴다. */
+.word-table__brand-logo--ihab {
+    display: block;
+    height: calc(17px * var(--wt-unscale, 1));
+    width: calc(17px * 2.64 * var(--wt-unscale, 1));
+    flex-shrink: 0;
+    background-color: currentColor;
+    /* 이 파일이 로고를 **직접** 가리킨다 — 묶개가 주소를 풀어 준다. 마디에 인라인으로
+       주던 때는 그 값이 화면에 안 실리는 일이 있었고, 무엇보다 여기 적어야 인쇄 문서로
+       (스타일시트를 통째로 베껴 가므로) 함께 간다. */
+    -webkit-mask-image: url('../logo/Logo_IHAB_en_white.svg');
+    mask-image: url('../logo/Logo_IHAB_en_white.svg');
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+    -webkit-mask-size: contain;
+    mask-size: contain;
+    -webkit-mask-position: center;
+    mask-position: center;
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+}
 
 /* 만든 곳 — 로고와 저작권이 한 줄로 붙는다 */
 .word-table__brand-by {
@@ -142,11 +182,34 @@
 /* 표 번호·주소 — **종이 글씨는 전부 한 글꼴이다**(사용자 지시 2026-09-30). 고정폭으로
    찍어 봤는데 한 장 안에 글꼴이 둘 섞여 보였다. 종이가 한 벌로 읽히는 쪽을 골랐다 —
    목록 카드(`WordTableButton`)의 번호는 청한 대로 고정폭 그대로다. */
+/* 기관 이름 · 표 번호 — 번호만 진하게 둔다(찾는 눈이 번호에 먼저 닿게) */
+.word-table__ident {
+    display: flex;
+    align-items: center;
+    gap: calc(6px * var(--wt-unscale, 1));
+    min-width: 0;
+}
+/* 이름이 길면 이름만 줄어든다 — 번호는 잘리면 확인 글자가 사라져 뜻이 없다 */
+.word-table__owner {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.word-table__ident-dot { flex-shrink: 0; }
+/* 표 번호 — **띠와 같은 회색**이다(사용자 지시 2026-09-30). 한때 번호만 진하게 뒀는데,
+   머리 줄 전체가 종이를 식별하는 잔글이라 한 무게로 읽히는 편이 낫다. */
 .word-table__code {
-    color: var(--color-text-primary);
     flex-shrink: 0;
     white-space: nowrap;
 }
+/* 표 제목 — 셋 중 제일 먼저 줄어든다(기관 이름·번호가 이 종이를 가리키는 값이다) */
+.word-table__paper-title {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
 /* 이 표로 가는 주소 — 길 수 있으므로 넘치면 …로 자른다(쪽 번호는 안 밀린다) */
 .word-table__link {
     color: var(--color-gray);

package/dist/packages/core/src/components/WordTable.d.ts

@@ -99,10 +99,18 @@ export interface WordTableProps {
     brand?: {
         /** 로고와 저작권을 세운다. 나머지 자리는 각자 값이 있을 때만 선다. */
         show?: boolean;
+        /** 위 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '상단 정보' 가 이것을 움직인다. */
+        top?: boolean;
+        /** 아래 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '하단 정보' 가 이것을 움직인다. */
+        bottom?: boolean;
         /**
          * 아래 오른쪽 — **이 표로 가는 주소**. 회사 홈 주소가 아니라 그 표의 공유 링크다
          * (사용자 지시 2026-09-30). 종이를 든 사람이 이 주소로 같은 표를 화면에서 연다.
          *
+         * **`code` 와는 다른 것이다.** 표 번호는 기관 안에서 매긴 번호고 이 주소는 따로 난
+         * 공유 링크다 — 번호에서 주소를 만들어 내지 않는다. 둘 다 이 표를 가리키지만 나오는
+         * 데가 다르므로 각각 받는다.
+         *
          * 종이라 누를 수 없으니 글자 그대로 찍는다 — 그래서 **사람이 옮겨 칠 수 있는 길이**
          * 여야 한다. 긴 주소를 그대로 주면 넘쳐 …로 잘리고, 잘린 주소는 옮겨 칠 수 없다.
          * 짧은 주소를 쓰거나, 표 번호로 찾는 길을 함께 두는 편이 낫다.
@@ -110,6 +118,15 @@ export interface WordTableProps {
         link?: string;
         /** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
         copyright?: string;
+        /** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
+        title?: string;
+        /**
+         * 위 오른쪽 — **표 번호 앞에 붙는 기관 이름**(말귀매니저). 번호는 그 기관 안에서만
+         * 고유하므로 이름과 함께여야 어느 곳의 몇 번인지가 정해진다(사용자 지시 2026-09-30).
+         * `이름 · 번호` 로 선다. 이름이 길면 이름만 줄고 번호는 안 줄인다 — 번호가 잘리면
+         * 확인 글자가 사라져 뜻이 없다.
+         */
+        owner?: string;
     };
     /**
      * **짧은 식별 글** — 표 번호(`1043-E`). `brand` 를 줬을 때 위 오른쪽에 선다.

package/dist/packages/core/src/components/WordTable.js

@@ -16,10 +16,11 @@ import useMediaQuery from '../hooks/useMediaQuery';
 import { isTouchPointer, recentlyTouched, useTouchToggle } from '../hooks/touchToggle';
 /* `Footer` 가 하듯 곧장 가져온다 — 묶개가 알아서 옮겨 주고, 인쇄 창은 `<img>` 가 다 받아진
    뒤에 인쇄한다. 말귀는 **컬러 판**이다(사용자 지시 2026-09-30) — 종이에서도 색으로 나가야
-   하므로 아래 CSS 가 `print-color-adjust: exact` 를 준다. 만든 곳(ihab)은 검정 판이라
-   글씨와 같은 무게로 물러나 있는다. */
+   하므로 아래 CSS 가 `print-color-adjust: exact` 를 준다.
+
+   ihab 은 **흰 판을 마스크로 쓴다**(사용자 지시 2026-09-30: 글자색을 입힌다) — 그쪽은
+   `WordTable.css` 가 제 곁의 파일을 직접 가리키므로 여기서 안 들여온다. */
 import 말귀로고 from '../logo/Logo_speechear_kr.svg';
-import ihab로고 from '../logo/Logo_IHAB_en_black.svg';
 import { WORD_TABLE_PAPER, gridFor, CUT_CLASS, POS_LABEL, WORD_TYPE_LABEL, expandSlashLabel, dotDashStyle, REF_W_BOTH, REF_W_TEXT_ONLY, REF_W_IMAGE_ONLY, REF_H_BOTH, REF_H_TEXT_ONLY, REF_H_IMAGE_ONLY, } from './wordTableLayout';
 import { useFitScale } from './useFitScale';
 import { claimSound } from './Training/currentSound';
@@ -371,14 +372,19 @@ export default function WordTable({ title, titleIcon, disc, className, orientati
         : (items ?? []).some(item => (item.words ?? []).length > 1);
     /* 로고를 세우기로 한 때만 띠를 두른다. `code`·`link` 만 주고 `show` 를 안 주면 띠가 없으니
        그 값들도 설 자리가 없다 — 켜는 스위치를 하나로 둔다. */
-    const 띠쓰나 = Boolean(brand?.show);
+    /* 띠를 쓰기로 한 종이인가 — 한쪽을 꺼도 이 종이는 '띠를 쓰는 꼴'이다.
+       쪽 번호가 어디에 서는지를 이 값이 가른다(아래를 보라). */
+    const 브랜드쓰나 = Boolean(brand?.show);
+    const 띠쓰나 = 브랜드쓰나 && (brand?.top !== false || brand?.bottom !== false);
+    const 위띠쓰나 = Boolean(brand?.show) && brand?.top !== false;
+    const 아래띠쓰나 = Boolean(brand?.show) && brand?.bottom !== false;
     const 저작권 = brand?.copyright ?? '© IHAB, Inc. All rights reserved.';
     const contentClass = cx('word-table-block__content', CUT_CLASS[cutLine], showOutline && 'word-table-block__content--outline', showDivLine && hasPairs && 'word-table-block__content--div-line', 
     /* 번호가 설 자리를 비운다 — 번호가 없으면 비우지 않는다(표가 공연히 낮아지지 않게) */
-    pageNumber && pageNumberPosition !== 'none' && 'word-table-block__content--page-number', 
+    !브랜드쓰나 && pageNumber && pageNumberPosition !== 'none' && 'word-table-block__content--page-number', 
     /* 띠가 설 자리를 위아래로 비운다 — 같은 까닭으로 띠가 없으면 안 비운다.
        바닥 띠가 쪽 번호 자리를 겸하므로 둘이 겹쳐도 아래는 한 번만 비운다(CSS 가 덮어쓴다). */
-    띠쓰나 && 'word-table-block__content--brand');
+    위띠쓰나 && 'word-table-block__content--brand-top', 아래띠쓰나 && 'word-table-block__content--brand-bottom');
     // 빈칸(추가버튼)은 스케일 역보정으로 실제 크기 유지
     const counterScale = { transform: `scale(${1 / scale})`, transformOrigin: 'center center' };
     /* **채점 단추는 표와 함께 줄어들면 안 된다.**
@@ -419,7 +425,18 @@ export default function WordTable({ title, titleIcon, disc, className, orientati
                                         _jsxs("div", { className: "word-table-block__card-actions", children: [renderCellAction?.(index, item), onRemoveItem && (_jsx("div", { className: "word-table-block__card-close", children: _jsx(Button, { htmlType: "button", size: buttonSize, type: "dot", icon: "x", variant: "transparent-lightGray", useBorder: false, showTooltipInfo: (item.words ?? []).length > 1 ? t('wordPrint.removePair', '대립쌍 빼기') : t('wordPrint.removeWord', '단어 빼기'), ariaLabel: (item.words ?? []).length > 1 ? t('wordPrint.removePair', '대립쌍 빼기') : t('wordPrint.removeWord', '단어 빼기'), onClick: () => onRemoveItem(item.id) }) }))] }))] }, item.id))), Array.from({ length: Math.max(0, cols * rows - (items?.length ?? 0)) }).map((_, i) => {
                                     const isWithinCount = (items?.length ?? 0) + i < cellCount;
                                     return (_jsx("div", { className: "word-table-block__card word-table-block__card--filler", children: showFillerAdd && onActivateCell && isWithinCount && (_jsx("div", { style: counterScale, children: _jsx(Button, { htmlType: "button", size: buttonSize, type: "bar", icon: "plus", label: t('wordTable.addWord', '추가하기'), onClick: () => onActivateCell((items?.length ?? 0) + i) }) })) }, `filler-${i}`));
-                                })] })), 띠쓰나 && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "word-table__band word-table__band--top", children: [_jsx("img", { className: "word-table__brand-logo", src: 말귀로고, alt: "\uB9D0\uADC0" }), code && _jsx("span", { className: "word-table__code", children: code })] }), _jsxs("div", { className: "word-table__band word-table__band--bottom", children: [_jsxs("span", { className: "word-table__brand-by", children: [_jsx("img", { className: "word-table__brand-logo word-table__brand-logo--small", src: ihab로고, alt: "IHAB" }), _jsx("span", { className: "word-table__copyright", children: 저작권 })] }), _jsxs("span", { className: "word-table__band-end", children: [brand?.link && _jsx("span", { className: "word-table__link", children: brand.link }), pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: "word-table__page-count", children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] })] })] })), !띠쓰나 && pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: `word-table__page-number body-3 word-table__page-number--${pageNumberPosition}`, children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] }) }), onReorder && _jsx("span", { role: "status", style: 보이지않게, children: 옮김알림 })] }));
+                                })] })), 위띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--top", children: [_jsx("img", { className: "word-table__brand-logo", src: 말귀로고, alt: "\uB9D0\uADC0" }), (() => {
+                                        /* 표 제목 · 기관 이름 · 표 번호 — 있는 것끼리만 가운뎃점으로 잇는다
+                                           (사용자 지시 2026-09-30). 없는 것 자리에 점이 남으면 안 된다. */
+                                        const 조각들 = [
+                                            brand?.title && _jsx("span", { className: "word-table__paper-title", children: brand.title }, "t"),
+                                            brand?.owner && _jsx("span", { className: "word-table__owner", children: brand.owner }, "o"),
+                                            code && _jsx("span", { className: "word-table__code", children: code }, "c"),
+                                        ].filter(Boolean);
+                                        if (조각들.length === 0)
+                                            return null;
+                                        return (_jsx("span", { className: "word-table__ident", children: 조각들.map((조각, i) => (_jsxs(Fragment, { children: [i > 0 && _jsx("span", { className: "word-table__ident-dot", "aria-hidden": "true", children: "\u00B7" }), 조각] }, i))) }));
+                                    })()] }) })), 아래띠쓰나 && (_jsx(_Fragment, { children: _jsxs("div", { className: "word-table__band word-table__band--bottom", children: [_jsxs("span", { className: "word-table__brand-by", children: [_jsx("span", { className: "word-table__brand-logo--ihab", role: "img", "aria-label": "IHAB" }), _jsx("span", { className: "word-table__copyright", children: 저작권 })] }), _jsxs("span", { className: "word-table__band-end", children: [brand?.link && _jsx("span", { className: "word-table__link", children: brand.link }), pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: "word-table__page-count", children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] })] }) })), !브랜드쓰나 && pageNumber && pageNumberPosition !== 'none' && (_jsx("span", { className: `word-table__page-number body-3 word-table__page-number--${pageNumberPosition}`, children: t('wordTable.filter.pageIndicator', { current: pageNumber.current, total: pageNumber.total }) }))] }) }), onReorder && _jsx("span", { role: "status", style: 보이지않게, children: 옮김알림 })] }));
     /* 담는 틀 — 높이를 받은 자리에서만 두른다. `useFitScale` 은 **스케일러의 부모**를 재므로
        이 틀이 곧 그 자(척도)가 된다. 가운데 맞춤은 남는 세로를 위아래로 나눈다 — 표가 상자보다
        납작할 때 아래로만 쏠려 보이지 않게. */

package/dist/packages/core/src/i18n/locales/en.json

@@ -738,6 +738,8 @@
             "pageNumberCenter": "Center",
             "pageNumberRight": "Right",
             "border": "Border",
+            "topInfo": "Header",
+            "bottomInfo": "Footer",
             "cutLine": "Cut Line",
             "show": "Show",
             "hide": "Hide",

package/dist/packages/core/src/i18n/locales/ko.json

@@ -736,6 +736,8 @@
             "pageNumberCenter": "중앙",
             "pageNumberRight": "오른쪽",
             "border": "외곽선",
+            "topInfo": "상단 정보",
+            "bottomInfo": "하단 정보",
             "cutLine": "절취선",
             "show": "표시",
             "hide": "미표시",

package/dist/packages/core/src/version.d.ts

@@ -46,4 +46,4 @@
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export declare const CORE_VERSION = "0.213.0";
+export declare const CORE_VERSION = "0.214.0";

package/dist/packages/core/src/version.js

@@ -46,4 +46,4 @@
  *
  * 값은 손으로 적고 `test/coreVersion.test.ts` 가 package.json 과 어긋나면 운다.
  */
-export const CORE_VERSION = '0.213.0';
+export const CORE_VERSION = '0.214.0';