@ihabdevteam/core 0.212.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.212.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 {
@@ -10360,7 +10371,7 @@ export declare interface WordSearchResultWord {
  * 표시(items)·편집(editCells) 두 모드를 지원한다.
  * @public
  */
-export declare function WordTable({ title, titleIcon, disc, className, orientation, contentTypes, cutLine, showOutline, showDivLine, items, editCells, count, activeCell, onActivateCell, onRemoveCell, onRemoveItem, onReorder, renderCellAction, showFillerAdd, contentRef, buttonSize, pageNumber, pageNumberPosition, fitHeight, scoring, marks, onMarkClick, scoreIndexOffset, }: WordTableProps): JSX.Element;
+export declare function WordTable({ title, titleIcon, disc, className, orientation, contentTypes, cutLine, showOutline, showDivLine, items, editCells, count, activeCell, onActivateCell, onRemoveCell, onRemoveItem, onReorder, renderCellAction, showFillerAdd, contentRef, buttonSize, brand, code, pageNumber, pageNumberPosition, fitHeight, scoring, marks, onMarkClick, scoreIndexOffset, }: WordTableProps): JSX.Element;
 
 export declare function WordTableBlock({ title, titleIcon, disc, filterTitle, filterCollapsible, filterDefaultCollapsed, filterCollapsed, onFilterCollapsedChange, filterHeaderSummary, items, onSaveComplete, onLoad, onRemoveItem, onReset, resetLabel, saveButtonLabel, secondarySaveButtonLabel, onReorder, showCellCount, onAddItem, className, renderSavePopup, renderWordSearch, hideControls, saveOnly, tableName, nameValue, onNameChange, descriptionValue, onDescriptionChange, namePlaceholder, descriptionPlaceholder, existingNames, editingName, onCancel, initialItemsPerPage, renderCellAction, actionsLeftExtra }: WordTableBlockProps): JSX.Element;
 
@@ -10585,6 +10596,10 @@ export declare interface WordTableDisplaySettings {
     contentTypes: WordTableContentType[];
     cutLine: WordTableCutLine;
     showOutline: boolean;
+    /** 종이 머리 띠(로고·표 번호)를 찍나 */
+    showTopInfo: boolean;
+    /** 종이 바닥 띠(만든 곳·주소·쪽 번호)를 찍나 */
+    showBottomInfo: boolean;
     showDivLine: boolean;
     /** 표 칸 수(= 페이지당 개수, 최소 1). */
     count: number;
@@ -10741,6 +10756,57 @@ export declare interface WordTableProps {
      * 쪽의 시작 번호를 받아 표 전체에서 유일한 번호로 만든다.
      */
     scoreIndexOffset?: number;
+    /**
+     * **종이 위·아래에 띠를 두르고** 로고·표 번호·주소·쪽 번호를 담는다(사용자 지시 2026-09-30).
+     *
+     * 자리는 넷이다 — 위 왼쪽 말귀 로고 · 위 오른쪽 `code` · 아래 왼쪽 ihab 로고와 저작권 ·
+     * 아래 오른쪽 주소와 쪽 번호.
+     *
+     * **안 주면 종이가 한 픽셀도 안 바뀐다.** 띠는 격자 위아래를 비워 만드는 것이라(쪽 번호가
+     * 쓰던 방식과 같다) 칸이 그만큼 낮아진다 — 안 쓰는 표까지 낮아지면 안 된다.
+     *
+     * 띠는 **격자 안**에 있다(자리만 절대 배치로 잡는다). 인쇄는 격자 하나만 복사해 가므로
+     * (`contentRef` → `printWordTableElements`) 격자 밖에 두면 **종이에는 안 찍힌다** —
+     * 화면에서는 멀쩡해 보이고 종이에서만 사라지는 꼴이라 눈치채기 어렵다.
+     */
+    brand?: {
+        /** 로고와 저작권을 세운다. 나머지 자리는 각자 값이 있을 때만 선다. */
+        show?: boolean;
+        /** 위 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '상단 정보' 가 이것을 움직인다. */
+        top?: boolean;
+        /** 아래 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '하단 정보' 가 이것을 움직인다. */
+        bottom?: boolean;
+        /**
+         * 아래 오른쪽 — **이 표로 가는 주소**. 회사 홈 주소가 아니라 그 표의 공유 링크다
+         * (사용자 지시 2026-09-30). 종이를 든 사람이 이 주소로 같은 표를 화면에서 연다.
+         *
+         * **`code` 와는 다른 것이다.** 표 번호는 기관 안에서 매긴 번호고 이 주소는 따로 난
+         * 공유 링크다 — 번호에서 주소를 만들어 내지 않는다. 둘 다 이 표를 가리키지만 나오는
+         * 데가 다르므로 각각 받는다.
+         *
+         * 종이라 누를 수 없으니 글자 그대로 찍는다 — 그래서 **사람이 옮겨 칠 수 있는 길이**
+         * 여야 한다. 긴 주소를 그대로 주면 넘쳐 …로 잘리고, 잘린 주소는 옮겨 칠 수 없다.
+         * 짧은 주소를 쓰거나, 표 번호로 찾는 길을 함께 두는 편이 낫다.
+         */
+        link?: string;
+        /** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
+        copyright?: string;
+        /** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
+        title?: string;
+        /**
+         * 위 오른쪽 — **표 번호 앞에 붙는 기관 이름**(말귀매니저). 번호는 그 기관 안에서만
+         * 고유하므로 이름과 함께여야 어느 곳의 몇 번인지가 정해진다(사용자 지시 2026-09-30).
+         * `이름 · 번호` 로 선다. 이름이 길면 이름만 줄고 번호는 안 줄인다 — 번호가 잘리면
+         * 확인 글자가 사라져 뜻이 없다.
+         */
+        owner?: string;
+    };
+    /**
+     * **짧은 식별 글** — 표 번호(`1043-E`). `brand` 를 줬을 때 위 오른쪽에 선다.
+     * 종이에 찍힌 번호로 나중에 그 표를 찾는다(`WordTableButton` 의 같은 이름 프롭과 짝이다).
+     * 종이 글씨는 전부 한 글꼴이라 여기서는 고정폭을 안 쓴다 — 목록 카드 쪽은 고정폭이다.
+     */
+    code?: string;
     /** 페이지 분할 시 현재/전체 페이지 — 지정하면 종이 안에 페이지 번호를 찍는다 */
     pageNumber?: {
         current: number;

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/wordTablePrint.js

@@ -105,6 +105,13 @@ export function captureHtml(els, paperW, paperH, autoPrint = false, fileName = '
            아무도 opacity 를 되돌리지 않아 **빈칸으로 인쇄**되고, 새 창·내려받은 HTML 에서는 스피너가 영영 돈다(말귀 내 단어표
            '인쇄' 는 열자마자 100ms 뒤 인쇄해 처음 보는 표는 거의 늘 이랬다). */
         clone.querySelectorAll('.word-table-cell__spinner').forEach(s => s.remove());
+        /* **머리·바닥 띠의 배율 되돌림을 걷는다.**
+           화면의 표는 미리보기 상자에 맞춰 줄어 있고, 띠가 그만큼 줄지 않도록 격자에
+           `--wt-unscale`(1/배율)이 **인라인으로** 박혀 있다. 이 문서는 그 격자를 인라인 스타일째
+           복사해 오는데 여기서는 종이가 제 크기다 — 그대로 두면 미리보기가 좁았을수록 로고와
+           글씨가 그 배수만큼 커진다(0.5 로 보고 있었으면 두 배). CSS 로 덮으려면 인라인을
+           이겨야 해 `!important` 가 필요하니, 아예 지운다. */
+        clone.style.removeProperty('--wt-unscale');
         /* 불러오는 중이던 그림은 opacity 를 **그대로 두고** 받아지면 보이고 실패하면 숨게 한다 — 지우기만 하면 없는 그림(404, 화면에서는
            onError 로 칸이 사라짐)이 인쇄 문서에서 깨진 그림 아이콘과 alt 글자로 찍혔다. autoPrint 는 그림 로드를 기다린 뒤 인쇄한다. */
         clone.querySelectorAll('img').forEach(i => {

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

@@ -63,6 +63,163 @@
     pointer-events: none;
 }
 
+/* ── 종이 머리·바닥 띠 ────────────────────────────────────────────────
+   쪽 번호가 쓰던 수를 위아래로 넓힌 것이다. 격자가 그만큼 비우고 띠는 그 빈 자리에
+   절대 배치로 선다 — **격자 안**이라 인쇄가 격자만 복사해 가도 함께 간다. */
+/* 띠 높이에 딱 붙인다 — 남는 틈은 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-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-top.word-table-block__content--outline::after {
+    top: calc(32px * 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 {
+    position: absolute;
+    left: 0;
+    right: 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: calc(12px * var(--wt-unscale, 1));
+    z-index: 2;
+    pointer-events: none;
+    color: var(--color-gray);
+    /* 글꼴 크기는 띠마다 다르다 — 위는 caption-1, 아래는 caption-2(사용자 지시 2026-09-30).
+       클래스(`.caption-1`)를 그냥 붙이면 크기가 고정돼 배율 되돌림이 안 먹으므로 같은
+       토큰에 되돌림만 곱한다. 그 토큰은 보는 사람 쪽 설정(좁은 화면 · 큰 글씨)을 타므로
+       종이 글씨도 그만큼 달라진다 — 화면과 종이를 한 급으로 맞추기로 한 값이다. */
+    font-weight: var(--text-caption-1-weight, 400);
+}
+/* 비워 둔 44px 안에 든다 */
+/* 위는 **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));
+    width: auto;
+    display: block;
+    /* 말귀 로고는 컬러다 — 브라우저 인쇄 기본값은 바탕·색을 빼므로 그대로 두면 종이에서
+       흐려지거나 사라진다(절취선 바탕이 쓰는 것과 같은 수다). */
+    print-color-adjust: exact;
+    -webkit-print-color-adjust: exact;
+}
+/* 만든 곳(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 {
+    display: flex;
+    align-items: center;
+    gap: calc(8px * var(--wt-unscale, 1));
+    min-width: 0;
+}
+.word-table__copyright {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+/* 바닥 오른쪽 — 이 표의 주소와 쪽 번호. 주소가 길면(짧은 주소가 아닐 때) 먼저 양보한다. */
+.word-table__band-end {
+    display: flex;
+    align-items: center;
+    gap: calc(12px * var(--wt-unscale, 1));
+    min-width: 0;
+}
+
+/* 표 번호·주소 — **종이 글씨는 전부 한 글꼴이다**(사용자 지시 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 {
+    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);
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.word-table__page-count { flex-shrink: 0; white-space: nowrap; }
+
 .word-table__page-number--left   { left: 12px; }
 .word-table__page-number--right  { right: 12px; }
 .word-table__page-number--center { left: 50%; transform: translateX(-50%); }
@@ -456,6 +613,13 @@
         transform: none !important;
     }
 
+    /* 표가 제 크기로 돌아오니 띠의 배율 되돌림도 끈다 — 안 끄면 화면에서 좁게 보던 만큼
+       로고와 글씨가 커져 찍힌다. 인라인으로 박힌 값이라 `!important` 라야 이긴다
+       (위 `transform` 과 같은 까닭). */
+    .word-table-block__content {
+        --wt-unscale: 1 !important;
+    }
+
     .word-table-block__card-close,
     .word-table-block__card-actions,
     .word-table-block__card-handle { display: none; }

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

@@ -83,6 +83,57 @@ export interface WordTableProps {
      * 쪽의 시작 번호를 받아 표 전체에서 유일한 번호로 만든다.
      */
     scoreIndexOffset?: number;
+    /**
+     * **종이 위·아래에 띠를 두르고** 로고·표 번호·주소·쪽 번호를 담는다(사용자 지시 2026-09-30).
+     *
+     * 자리는 넷이다 — 위 왼쪽 말귀 로고 · 위 오른쪽 `code` · 아래 왼쪽 ihab 로고와 저작권 ·
+     * 아래 오른쪽 주소와 쪽 번호.
+     *
+     * **안 주면 종이가 한 픽셀도 안 바뀐다.** 띠는 격자 위아래를 비워 만드는 것이라(쪽 번호가
+     * 쓰던 방식과 같다) 칸이 그만큼 낮아진다 — 안 쓰는 표까지 낮아지면 안 된다.
+     *
+     * 띠는 **격자 안**에 있다(자리만 절대 배치로 잡는다). 인쇄는 격자 하나만 복사해 가므로
+     * (`contentRef` → `printWordTableElements`) 격자 밖에 두면 **종이에는 안 찍힌다** —
+     * 화면에서는 멀쩡해 보이고 종이에서만 사라지는 꼴이라 눈치채기 어렵다.
+     */
+    brand?: {
+        /** 로고와 저작권을 세운다. 나머지 자리는 각자 값이 있을 때만 선다. */
+        show?: boolean;
+        /** 위 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '상단 정보' 가 이것을 움직인다. */
+        top?: boolean;
+        /** 아래 띠만 끈다(`show` 가 켜져 있을 때). 표 설정의 '하단 정보' 가 이것을 움직인다. */
+        bottom?: boolean;
+        /**
+         * 아래 오른쪽 — **이 표로 가는 주소**. 회사 홈 주소가 아니라 그 표의 공유 링크다
+         * (사용자 지시 2026-09-30). 종이를 든 사람이 이 주소로 같은 표를 화면에서 연다.
+         *
+         * **`code` 와는 다른 것이다.** 표 번호는 기관 안에서 매긴 번호고 이 주소는 따로 난
+         * 공유 링크다 — 번호에서 주소를 만들어 내지 않는다. 둘 다 이 표를 가리키지만 나오는
+         * 데가 다르므로 각각 받는다.
+         *
+         * 종이라 누를 수 없으니 글자 그대로 찍는다 — 그래서 **사람이 옮겨 칠 수 있는 길이**
+         * 여야 한다. 긴 주소를 그대로 주면 넘쳐 …로 잘리고, 잘린 주소는 옮겨 칠 수 없다.
+         * 짧은 주소를 쓰거나, 표 번호로 찾는 길을 함께 두는 편이 낫다.
+         */
+        link?: string;
+        /** 저작권 글월 — 안 주면 `© IHAB, Inc. All rights reserved.` */
+        copyright?: string;
+        /** 위 오른쪽 맨 앞 — **이 표의 이름**. `표 제목 · 기관 이름 · 표 번호` 로 선다. */
+        title?: string;
+        /**
+         * 위 오른쪽 — **표 번호 앞에 붙는 기관 이름**(말귀매니저). 번호는 그 기관 안에서만
+         * 고유하므로 이름과 함께여야 어느 곳의 몇 번인지가 정해진다(사용자 지시 2026-09-30).
+         * `이름 · 번호` 로 선다. 이름이 길면 이름만 줄고 번호는 안 줄인다 — 번호가 잘리면
+         * 확인 글자가 사라져 뜻이 없다.
+         */
+        owner?: string;
+    };
+    /**
+     * **짧은 식별 글** — 표 번호(`1043-E`). `brand` 를 줬을 때 위 오른쪽에 선다.
+     * 종이에 찍힌 번호로 나중에 그 표를 찾는다(`WordTableButton` 의 같은 이름 프롭과 짝이다).
+     * 종이 글씨는 전부 한 글꼴이라 여기서는 고정폭을 안 쓴다 — 목록 카드 쪽은 고정폭이다.
+     */
+    code?: string;
     /** 페이지 분할 시 현재/전체 페이지 — 지정하면 종이 안에 페이지 번호를 찍는다 */
     pageNumber?: {
         current: number;
@@ -114,4 +165,4 @@ export interface WordTableProps {
  * 표시(items)·편집(editCells) 두 모드를 지원한다.
  * @public
  */
-export default function WordTable({ title, titleIcon, disc, className, orientation, contentTypes, cutLine, showOutline, showDivLine, items, editCells, count, activeCell, onActivateCell, onRemoveCell, onRemoveItem, onReorder, renderCellAction, showFillerAdd, contentRef, buttonSize, pageNumber, pageNumberPosition, fitHeight, scoring, marks, onMarkClick, scoreIndexOffset, }: WordTableProps): import("react").JSX.Element;
+export default function WordTable({ title, titleIcon, disc, className, orientation, contentTypes, cutLine, showOutline, showDivLine, items, editCells, count, activeCell, onActivateCell, onRemoveCell, onRemoveItem, onReorder, renderCellAction, showFillerAdd, contentRef, buttonSize, brand, code, pageNumber, pageNumberPosition, fitHeight, scoring, marks, onMarkClick, scoreIndexOffset, }: WordTableProps): import("react").JSX.Element;