From 20720ea6f852406af96a74f262aba17cc9618289 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 1 Oct 2026 23:26:58 +0900 Subject: [PATCH 1/4] =?UTF-8?q?feat(M02):=20=ED=9D=90=EB=A6=84=EB=8F=84=20?= =?UTF-8?q?=EA=B3=A0=EC=B9=98=EB=8A=94=20=ED=95=B5=EC=8B=AC=20M02=5FDF=5FP?= =?UTF-8?q?aper.ts(=ED=8C=A8=EB=84=90=20=C2=B7=20=ED=81=AC=EA=B2=8C=20?= =?UTF-8?q?=EB=B3=B4=EA=B8=B0=20=EA=B3=B5=EC=9A=A9)=20=C2=B7=20=EB=8B=A4?= =?UTF-8?q?=EC=9D=B4=EC=96=B4=EA=B7=B8=EB=9E=A8=20=EB=B3=B4=EA=B8=B0?= =?UTF-8?q?=EB=A7=8C=20=C2=B7=20=EB=8B=A4=EC=8B=9C=20=EB=A7=9E=EC=B6=94?= =?UTF-8?q?=EA=B8=B0(PLAN=2036-3)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Entry 시험판 고치는 화면을 옮겨 적음(Entry 는 안 고침) — 다이어그램 · 상세 내용 · 원가 · 검증 · 실행 취소 · onChange 객체 그대로 - 다이어그램 opts.readOnly(끌기 · 잇기 · 더하기 · 지우기 막음 · 고르기 · 흐름 따라가기는 됨) · opts.fitKey(바뀌면 다시 맞춤) - 알약 정보 글 · SVG 도우미를 Parts 로(Diagram 681줄) - DataFlow 전부 검사 초록 Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01Ly2oHAaTDYRjcniAmHR81z --- M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts | 78 ++-- .../DataFlow/M02_DF_Diagram_Parts.ts | 59 ++- M02_MasterTemplete/DataFlow/M02_DF_Paper.ts | 341 ++++++++++++++++++ 3 files changed, 429 insertions(+), 49 deletions(-) create mode 100644 M02_MasterTemplete/DataFlow/M02_DF_Paper.ts diff --git a/M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts b/M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts index 9dd41038a..e74e30fa7 100644 --- a/M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts +++ b/M02_MasterTemplete/DataFlow/M02_DF_Diagram.ts @@ -23,6 +23,9 @@ import { restParts, linkLabel, midOf, + pillInfo, + svgAdd as add, + svgLabel as label, pillsOf, resolveDrop, showValue, @@ -46,6 +49,7 @@ interface HostState { panX: number; panY: number; fitted: boolean; + fitKey?: number; watch?: ResizeObserver; } @@ -79,6 +83,9 @@ export function renderDiagram( fitted: false, }; if (opts.selected !== undefined) st.selected = opts.selected; + if (opts.fitKey !== undefined && opts.fitKey !== st.fitKey) + [st.fitKey, st.fitted] = [opts.fitKey, false]; + const ro = !!opts.readOnly; // 보기만 — 끌기 · 잇기 · 더하기 · 지우기 막음(고르기 · 흐름 따라가기는 됨) if (opts.selectedPill !== undefined) st.pill = opts.selectedPill; states.set(host, st); const values = opts.values ?? {}; @@ -243,7 +250,7 @@ export function renderDiagram( className: "m02-dfdg__ins", children: [ ...ins.map((p) => pillEl(b, p, "in")), - ...(b.kind === "function" ? [plusSlot(b)] : []), + ...(b.kind === "function" && !ro ? [plusSlot(b)] : []), ], }), el("div", { @@ -282,13 +289,13 @@ export function renderDiagram( ArrowUp: [0, -step], ArrowDown: [0, step], }[ev.key]; - if (d && st.selected === b.id) { + if (d && st.selected === b.id && !ro) { ev.preventDefault(); on.move(b.id, Math.round(b.x + d[0]), Math.round(b.y + d[1])); } }); head.addEventListener("pointerdown", (ev) => { - if (ev.button === 0 && !spaceDown) dragBox(ev, b, node); + if (ev.button === 0 && !spaceDown && !ro) dragBox(ev, b, node); }); return node; }; @@ -350,15 +357,8 @@ export function renderDiagram( ); } else if (st.pill) { const p = st.pill; - const mine = (e: CfPort): boolean => e.box === p.box && e.name === p.port; - const where = lg.links - .filter((l) => mine(p.dir === "in" ? l.to : l.from)) - .map((l) => endName(p.dir === "in" ? l.from : l.to)) - .join(", "); - const now = `${tt("Value")} ${showValue(values[p.box]?.[p.port]) || "—"}`; - const dir = where ? `${tt(p.dir === "in" ? "From" : "To")} ${where}` : ""; - tools.push(el("span", { text: [p.port, now, dir].filter(Boolean).join(" · ") })); - if (p.dir === "out") + tools.push(el("span", { text: pillInfo(lg, p, values) })); + if (p.dir === "out" && !ro) tools.push( sm( "Connect", @@ -371,9 +371,9 @@ export function renderDiagram( const line = tt("LineOf", { a: endName(selLink.from), b: endName(selLink.to) }); tools.push( el("span", { text: rule ? `${line} · ${rule}` : line }), - sm("Disconnect", () => on.unlink(selLink.id), "danger"), + ...(ro ? [] : [sm("Disconnect", () => on.unlink(selLink.id), "danger")]), ); - } else if (selBox) { + } else if (selBox && !ro) { tools.push(sm("Remove", () => void askRemove(selBox), "danger")); } const legend = @@ -388,18 +388,26 @@ export function renderDiagram( className: "m02-dfdg__bar", children: [ el("strong", { className: "m02-dfdg__title", text: tt("Title") }), - addBtn("input", "AddInput"), - addBtn("function", "AddFunc"), - addBtn("output", "AddOutput"), + ...(ro + ? [] + : [ + addBtn("input", "AddInput"), + addBtn("function", "AddFunc"), + addBtn("output", "AddOutput"), + ]), el("span", { className: "m02-dfdg__gap" }), ...legend, sm("ZoomOut", () => setZoom(st.zoom / 1.2)), zoomLabel, sm("ZoomIn", () => setZoom(st.zoom * 1.2)), sm("Fit", fit), - sm("Arrange", () => { - for (const [id, p] of Object.entries(arrange(lg))) on.move(id, p.x, p.y); - }), + ...(ro + ? [] + : [ + sm("Arrange", () => + Object.entries(arrange(lg)).forEach(([id, q]) => on.move(id, q.x, q.y)), + ), + ]), ], }); const root = el("div", { @@ -426,7 +434,7 @@ export function renderDiagram( st.pill = null; redraw(); } - if (ev.key !== "Delete" || (ev.target as HTMLElement).closest("input, textarea")) return; + if (ro || ev.key !== "Delete" || (ev.target as HTMLElement).closest("input, textarea")) return; if (selLink) on.unlink(selLink.id); else if (selBox) void askRemove(selBox); }); @@ -477,32 +485,6 @@ export function renderDiagram( const right = (dir === "out") === (side === "near"); return toWorld(right ? r.right : r.left, r.top + r.height / 2); }; - const add = ( - parent: Element, - tag: K, - attrs: Record, - ) => { - const n = document.createElementNS(SVG, tag); - for (const [k, v] of Object.entries(attrs)) n.setAttribute(k, v); - parent.append(n); - return n; - }; - const label = (parent: Element, x: number, y: number, text: string, cls: string): number => { - const tag = add(parent, "g", { class: cls }); - const box = add(tag, "rect", { rx: "4", ry: "4" }); - const t = add(tag, "text", { - x: x.toFixed(1), - y: y.toFixed(1), - "dominant-baseline": "central", - "text-anchor": "middle", - }); - t.textContent = text; - const w = (t.getComputedTextLength?.() || text.length * 7) + 10; - Object.entries({ x: x - w / 2, y: y - 9, width: w, height: 18 }).forEach(([k, v]) => - box.setAttribute(k, v.toFixed(1)), - ); - return w; - }; const defs = add(svg, "defs", {}); const arrow = add(defs, "marker", { id: "m02-dfdg-arrow", @@ -657,7 +639,7 @@ export function renderDiagram( } function dragLink(ev: PointerEvent, from: CfPort): void { - if (ev.button !== 0 || spaceDown) return; + if (ev.button !== 0 || spaceDown || ro) return; ev.stopPropagation(); ev.preventDefault(); const pill = ev.currentTarget as HTMLElement; diff --git a/M02_MasterTemplete/DataFlow/M02_DF_Diagram_Parts.ts b/M02_MasterTemplete/DataFlow/M02_DF_Diagram_Parts.ts index cf0616712..649aac97e 100644 --- a/M02_MasterTemplete/DataFlow/M02_DF_Diagram_Parts.ts +++ b/M02_MasterTemplete/DataFlow/M02_DF_Diagram_Parts.ts @@ -1,7 +1,7 @@ /* ============================================================================= * M02_DF_Diagram_Parts.ts * 단가산출 흐름도 다이어그램의 순수 부분(DOM 없음) — 글 · 약속 모양 · 떨군 자리 풀기 · 줄 맞추기 · - * 한눈에 맞춤 · 알약 값 글 · 흐름 길 가르기 · 기댐 선 · 끌기 손잡이. 그리기는 `M02_DF_Diagram.ts`. + * 한눈에 맞춤 · 알약 값 글 · 흐름 길 가르기 · 기댐 선 · 끌기 손잡이 · SVG 도우미. 그리기는 `M02_DF_Diagram.ts`. * ========================================================================== */ import { currentLanguageIndex } from "@ui/ui_template_locale"; @@ -118,6 +118,10 @@ export interface DiagramOpts { trace?: { back?: CfStep[]; forward?: CfStep[] } | null; /** 끊긴 곳 — Eval breaks */ breaks?: CfBreak[]; + /** 보기만 — 끌기 · 잇기 · 더하기 · 지우기 막음 */ + readOnly?: boolean; + /** 바뀌면 다시 맞춤(자리를 옮겨 끼운 뒤 · 새 로직) */ + fitKey?: number; } /* ── 알약 · 자리 ────────────────────────────────────────────────────── */ @@ -330,6 +334,25 @@ export function restParts( return { links, pills, boxes }; } +/** 고른 알약 한 줄 — 이름 · 지금 값 · 어디서(받는) / 어디로(내보내는) */ +export function pillInfo( + lg: CfLogic, + p: DfPillSel, + values: Record>, +): string { + const name = (e: CfPort): string => + `${lg.boxes.find((b) => b.id === e.box)?.name ?? ""} · ${e.name}`; + const mine = (e: CfPort): boolean => e.box === p.box && e.name === p.port; + const where = lg.links + .filter((l) => mine(p.dir === "in" ? l.to : l.from)) + .map((l) => name(p.dir === "in" ? l.from : l.to)) + .join(", "); + const now = `${tt("Value")} ${showValue(values[p.box]?.[p.port]) || "—"}`; + return [p.port, now, where ? `${tt(p.dir === "in" ? "From" : "To")} ${where}` : ""] + .filter(Boolean) + .join(" · "); +} + /* ── 끌기 손잡이 ─────────────────────────────────────────────────────── */ /** 누른 뒤 5px 넘게 움직이면 끌기 — 끈 뒤 따라오는 click 한 번만 삼킴 */ @@ -360,3 +383,37 @@ export function follow( window.addEventListener("pointermove", mv); window.addEventListener("pointerup", up); } + +/* ── 선 그림 도우미(SVG) ────────────────────────────────────────────── */ + +const SVG_NS = "http://www.w3.org/2000/svg"; + +/** SVG 마디 하나 붙이기 */ +export function svgAdd( + parent: Element, + tag: K, + attrs: Record, +): SVGElementTagNameMap[K] { + const n = document.createElementNS(SVG_NS, tag); + for (const [k, v] of Object.entries(attrs)) n.setAttribute(k, v); + parent.append(n); + return n; +} + +/** 가운데 이름표 — 둥근 바탕 + 글 · 돌려주는 값 = 이름표 폭 */ +export function svgLabel(parent: Element, x: number, y: number, text: string, cls: string): number { + const tag = svgAdd(parent, "g", { class: cls }); + const box = svgAdd(tag, "rect", { rx: "4", ry: "4" }); + const t = svgAdd(tag, "text", { + x: x.toFixed(1), + y: y.toFixed(1), + "dominant-baseline": "central", + "text-anchor": "middle", + }); + t.textContent = text; + const w = (t.getComputedTextLength?.() || text.length * 7) + 10; + Object.entries({ x: x - w / 2, y: y - 9, width: w, height: 18 }).forEach(([k, v]) => + box.setAttribute(k, v.toFixed(1)), + ); + return w; +} diff --git a/M02_MasterTemplete/DataFlow/M02_DF_Paper.ts b/M02_MasterTemplete/DataFlow/M02_DF_Paper.ts new file mode 100644 index 000000000..6a90118bb --- /dev/null +++ b/M02_MasterTemplete/DataFlow/M02_DF_Paper.ts @@ -0,0 +1,341 @@ +/* ============================================================================= + * M02_DF_Paper.ts + * 흐름도 고치는 핵심 — 다이어그램 · 상세 내용(상자 · 알약 · 선 판) · 원가 · 검증 칸 · 실행 취소 + * Entry 시험판의 고치는 화면(showPaper)을 옮겨 적은 공용 조각 — 오른쪽 패널(M02_DF_Panel) · 「크게 보기」 가 함께 씀. + * 저장 · 지우기 · 이름 · 결과 단위는 없음(부르는 쪽 페이지 몫) · 바뀔 때마다 onChange(객체 그대로). + * readOnly = 끌기 · 고치기 막고 보기 · 흐름 따라가기 · 검증 칸 예시값만(onChange 안 부름). + * 판 DOM 은 한 번 만들고 자리만 옮겨 끼움(패널 ↔ 크게 보기) — 고친 것 · 고른 것 그대로. + * ========================================================================== */ + +import { currentLanguageIndex } from "@ui/ui_template_locale"; +import { createButton, createInputField, el } from "@ui/ui_template_elements"; +import * as api from "./M02_DF_Api"; +import { renderDiagram, type DfPillSel } from "./M02_DF_Diagram"; +import * as ev from "./M02_DF_Eval"; +import type { CfBreak, CfEvalOptions, CfEvalResult, CfValues } from "./M02_DF_Eval"; +import { renderFuncPanel } from "./M02_DF_FuncPanel"; +import { renderInputPanel } from "./M02_DF_InputPanel"; +import { renderLinkPanel } from "./M02_DF_LinkPanel"; +import * as model from "./M02_DF_Model"; +import type { CfKind, CfLogic, CfPort, CfStep } from "./M02_DF_Model"; +import { renderOutputPanel } from "./M02_DF_OutputPanel"; +import { renderPillPanel } from "./M02_DF_PillPanel"; +import { renderSummary } from "./M02_DF_Summary"; +import type { CfSel } from "./M02_DF_Verify"; +import { + detailFrame, + drawHead, + drawWarnings, + fetchValues, + loadLogics, + queriesOf, + type DfPick, +} from "./M02_DF_Entry_Detail"; +import "./M02_DF_Entry.css"; + +const TEXT = { + Undo: ["실행 취소", "Undo"], + Color: ["상자 색", "Box colour"], + BoxName: ["상자 이름", "Box name"], + NameTaken: ["「{v}」 — 같은 이름의 상자가 있음", "“{v}” — another box has this name"], + Values: ["입력 값을 못 받음 — {v}", "Couldn't get input values — {v}"], + Logics: ["다른 로직을 못 읽음 — {v}", "Couldn't read other logics — {v}"], + ReadOnly: ["보기만 — 고치기는 시스템 관리자", "View only — editing is for system admins"], +} as const; + +const tp = (key: keyof typeof TEXT, v = ""): string => + (TEXT[key][currentLanguageIndex as 0 | 1] ?? TEXT[key][0]).replace("{v}", v); + +export interface PaperOpts { + logic: CfLogic; + readOnly?: boolean; + /** 고칠 때마다 — 객체 그대로(부르는 쪽 캐시에 쌓음) */ + onChange(lg: CfLogic): void; + /** 다른 로직 입력이 부르는 로직 — 없으면 흐름도 저장본(DF-) 만 */ + logics?(key: string): Promise; +} + +export interface Paper { + /** 다이어그램 자리 · 상세 내용 · 원가 · 검증 · 알림 줄 · 실행 취소 단추 */ + parts: { + diagram: HTMLElement; + detail: HTMLElement; + summary: HTMLElement; + note: HTMLElement; + undo: HTMLButtonElement; + }; + get(): CfLogic; + /** 밖에서 바꿈(고친 것 버리기 등) — 실행 취소 기록은 비움 */ + set(lg: CfLogic): void; + undo(): void; + /** 다이어그램을 다시 맞춤(자리를 옮겨 끼운 뒤) */ + refit(): void; + redraw(): void; +} + +export function createPaper(opts: PaperOpts): Paper { + const readOnly = !!opts.readOnly; + let lg = opts.logic; + let stack: CfLogic[] = []; + let pick: DfPick = null; + let values: CfValues = {}; + let valueSig = ""; + let logics: NonNullable = {}; + let logicSig = ""; + let logicNotes: string[] = []; + let notes: string[] = []; + let broken: CfBreak[] = []; + let result: CfEvalResult; + let fitKey = 0; + const pickedBox = (): string | null => (pick?.kind === "box" ? pick.id : null); + + const note = el("p", { className: "m02-df__note", attrs: { role: "status" } }); + const diagramHost = el("div", { className: "m02-dfp__diagram" }); + const summaryHost = el("div", { className: "m02-dfp__summary" }); + const colorBox = el("input", { + className: "m02-df__color-input", + attrs: { type: "color", "aria-label": tp("Color") }, + }); + colorBox.addEventListener("change", () => { + const id = pickedBox(); + if (id) edit(model.setColor(lg, id, colorBox.value)); + }); + const colorRow = el("label", { + className: "m02-df__color", + children: [el("span", { text: tp("Color") }), colorBox], + }); + const boxName = createInputField({ label: tp("BoxName"), compact: true }); + boxName.input.addEventListener("change", () => { + const box = lg.boxes.find((b) => b.id === pickedBox()); + if (!box) return; + const next = boxName.input.value.trim(); + const taken = lg.boxes.some((b) => b.id !== box.id && b.name === next); + if (taken) note.textContent = tp("NameTaken", next); + if (!next || taken || next === box.name) return void (boxName.input.value = box.name); + edit(model.updateBox(lg, box.id, { name: next })); + }); + // 판마다 제 상태를 쥠 — 종류마다 따로 두고 숨기기만 + const funcHost = el("div"); + const outHost = el("div"); + const inHost = el("div"); + const linkHost = el("div"); + const pillHost = el("div"); + const detail = detailFrame(); + detail.settings.append(boxName.root, colorRow); + // 보기만 — 판 안 칸 · 단추를 한 번에 막음(고르기 · 흐름 따라가기는 다이어그램에서 됨) + const lock = el("fieldset", { + className: "m02-dfp__lock", + children: [inHost, funcHost, outHost, linkHost, pillHost], + }); + lock.disabled = readOnly; + detail.body.append(lock); + if (readOnly) detail.root.prepend(el("p", { className: "m02-df__muted", text: tp("ReadOnly") })); + + const evalNow = (): CfEvalResult => { + try { + return ev.evalLogic(lg, values, { logics }); + } catch (e) { + const cost = { 노무비: 0, 재료비: 0, 경비: 0, 값들: {}, 계: 0 }; + return { ports: {}, outputs: {}, cost, errors: [api.cfPlain(e)] }; + } + }; + + /** 고침 — readOnly 면 무시 · 기록에 쌓고 onChange */ + const edit = (next: CfLogic): void => { + if (readOnly || next === lg) return; + stack = [...stack, lg]; + lg = next; + opts.onChange(lg); + redraw(); + }; + /** 검증 칸 예시값 — readOnly 에서도 됨(보기용 · onChange 안 부름) */ + const editExample = (next: CfLogic): void => { + if (!readOnly) return edit(next); + lg = next; + redraw(); + }; + const editFromDiagram = (next: CfLogic): void => { + edit(next); + setTimeout(redraw); + }; + + const refreshValues = (): void => { + const pill = (p: CfPort): unknown => result?.ports[p.box]?.[p.name] ?? null; + const sig = JSON.stringify(queriesOf(lg, pill, model.elementPort).map((a) => a.q)); + if (sig === valueSig) return; + valueSig = sig; + void fetchValues(api.cfValues, lg, pill, model.elementPort).then( + (got) => { + if (sig !== valueSig) return; + values = got.values; + notes = got.errors.length ? [tp("Values", got.errors.join(" · "))] : []; + redraw(); + }, + (e: unknown) => { + notes = [tp("Values", api.cfPlain(e))]; + redraw(); + }, + ); + }; + + const refreshLogics = (): void => { + const sig = JSON.stringify(lg.boxes.map((b) => b.input?.logic?.key ?? "")); + if (sig === logicSig) return; + logicSig = sig; + const get = + opts.logics ?? (async (key: string) => (key.startsWith("DF-") ? api.cfGet(key) : null)); + void loadLogics(lg, get).then((got) => { + if (sig !== logicSig) return; + logics = got.logics; + logicNotes = got.errors.length ? [tp("Logics", got.errors.join(" · "))] : []; + redraw(); + }); + }; + + const choose = (sel: CfSel): void => { + const box = lg.boxes.find((b) => b.id === sel.box); + pick = sel.link + ? { kind: "link", id: sel.link } + : box && sel.port + ? { kind: "pill", box: box.id, port: sel.port, dir: model.portDir(box, sel.port) } + : box + ? { kind: "box", id: box.id } + : null; + redraw(); + }; + + /** 흐름 길 — 알약 = 그 알약에서 앞뒤 · 선 = 보낸 알약 앞 · 받는 알약 뒤 */ + const traceNow = (): { back: CfStep[]; forward: CfStep[] } | null => { + try { + if (pick?.kind === "pill") { + const p = { box: pick.box, name: pick.port }; + return { back: model.traceBack(lg, p), forward: model.traceForward(lg, p) }; + } + const link = lg.links.find((l) => pick?.kind === "link" && l.id === pick.id); + if (link) + return { back: model.traceBack(lg, link.from), forward: model.traceForward(lg, link.to) }; + } catch { + /* 따라갈 수 없으면 칠하지 않음 */ + } + return null; + }; + + const diagramOn = { + select: (id: string | null, pill?: DfPillSel): void => { + pick = pill + ? { kind: "pill", ...pill } + : !id + ? null + : lg.links.some((l) => l.id === id) + ? { kind: "link", id } + : { kind: "box", id }; + setTimeout(redraw); + }, + move: (id: string, x: number, y: number): void => edit(model.moveBox(lg, id, x, y)), + link: (from: CfPort, to: CfPort): string | null => { + const got = model.link(lg, from, to); + if (got.why) return got.why; + editFromDiagram(got.lg); + return null; + }, + unlink: (id: string): void => editFromDiagram(model.unlink(lg, id)), + add: (kind: CfKind, x: number, y: number): void => { + const got = model.addBox(lg, kind, x, y); + pick = { kind: "box", id: got.box.id }; + editFromDiagram(got.lg); + }, + remove: (id: string): void => { + if (pickedBox() === id) pick = null; + editFromDiagram(model.removeBox(lg, id)); + }, + }; + + const drawPanel = (): void => { + const boxId = pickedBox(); + if (boxId && !lg.boxes.some((b) => b.id === boxId)) pick = null; + const box = lg.boxes.find((b) => b.id === pickedBox()); + drawHead(detail, lg, pick); + (detail.settings.parentElement as HTMLElement).hidden = !box || readOnly; + colorRow.hidden = !box; + boxName.root.hidden = !box || box.kind === "output"; + if (box && document.activeElement !== boxName.input) boxName.input.value = box.name; + linkHost.hidden = pick?.kind !== "link"; + pillHost.hidden = pick?.kind !== "pill"; + if (pick?.kind === "link") + renderLinkPanel(linkHost, lg, pick.id, { change: edit }, { values, logics }); + if (pick?.kind === "pill") + renderPillPanel( + pillHost, + lg, + pick.box, + pick.port, + { pick: (id) => choose({ box: id }) }, + { values, logics }, + ); + drawWarnings(detail, pick, broken); + if (box && /^#[0-9a-f]{6}$/i.test(box.color)) colorBox.value = box.color; + funcHost.hidden = box?.kind !== "function"; + outHost.hidden = box?.kind !== "output"; + inHost.hidden = box?.kind !== "input"; + if (box?.kind === "input") renderInputPanel(inHost, lg, box.id, { change: edit }); + if (box?.kind === "function") renderFuncPanel(funcHost, lg, box.id, { change: edit }); + if (box?.kind === "output") + renderOutputPanel(outHost, lg, box.id, { change: edit }, { result }); + }; + + const redraw = (): void => { + result = evalNow(); + refreshValues(); + refreshLogics(); + const linkId = pick?.kind === "link" ? pick.id : ""; + if (linkId && !lg.links.some((l) => l.id === linkId)) pick = null; + try { + broken = ev.breaks(lg, values, { logics }); + } catch { + broken = result.breaks ?? []; + } + undo.disabled = readOnly || !stack.length; + renderDiagram(diagramHost, lg, diagramOn, { + values: result.ports, + selected: pick?.kind === "box" || pick?.kind === "link" ? pick.id : null, + selectedPill: + pick?.kind === "pill" ? { box: pick.box, port: pick.port, dir: pick.dir } : null, + trace: traceNow(), + breaks: broken, + readOnly, + fitKey, + }); + drawPanel(); + renderSummary(summaryHost, lg, result, { change: editExample, select: choose }, { values }); + note.textContent = [...notes, ...logicNotes, ...result.errors].slice(0, 4).join("\n"); + }; + + const doUndo = (): void => { + const back = stack[stack.length - 1]; + if (!back || readOnly) return; + stack = stack.slice(0, -1); + lg = back; + opts.onChange(lg); + redraw(); + }; + const undo = createButton({ label: tp("Undo"), variant: "ghost", size: "sm", onClick: doUndo }); + + redraw(); + return { + parts: { diagram: diagramHost, detail: detail.root, summary: summaryHost, note, undo }, + get: () => lg, + set: (next) => { + lg = next; + stack = []; + pick = null; + fitKey += 1; + redraw(); + }, + undo: doUndo, + refit: () => { + fitKey += 1; + redraw(); + }, + redraw, + }; +} From 49fa7e5fbee604bbe666789218d7a14ae5cc569a Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 1 Oct 2026 23:27:12 +0900 Subject: [PATCH 2/4] =?UTF-8?q?wip(m02-df):=20=EB=A7=88=EC=8A=A4=ED=84=B0?= =?UTF-8?q?=20=EB=A1=9C=EC=A7=81=20=EA=B3=A0=EB=A5=B4=EA=B8=B0=20=EC=88=9C?= =?UTF-8?q?=EC=88=98=20=EB=B6=80=EB=B6=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 5.5 Claude-Session: https://claude.ai/code/session_019ACSGaHdLgnkEkoA4LDtMU --- .../DataFlow/M02_DF_InputPanel_Build.ts | 107 ++++++++++++++++-- 1 file changed, 100 insertions(+), 7 deletions(-) diff --git a/M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Build.ts b/M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Build.ts index 541fd358c..3125278d4 100644 --- a/M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Build.ts +++ b/M02_MasterTemplete/DataFlow/M02_DF_InputPanel_Build.ts @@ -236,19 +236,28 @@ export function checkMaterial(el: CfElementRef, others: CfElementRef[]): string return null; } -/** 다른 로직에서 읽어 둘 것 — 내보내는 알약 = 출력 상자마다 · 받는 알약 = 설계 때 정할 것(변수 · 재료 자리) */ +/** 다른 로직에서 읽어 둘 것 — 내보내는 알약 = 출력 상자마다 · 받는 알약 = 설계 때 정할 것(변수 · 재료 자리 · 이어지지 않은 다른 로직 받는 알약) + * examples = 받는 알약마다 그 로직 자기 예시값(선이 없을 때 값 차례의 끝) */ export function logicRefOf(key: string, other: CfLogic): CfLogicRef { const outputs = other.boxes .filter((b) => b.kind === "output") .map((b) => ({ name: b.name, unit: b.output?.unit || b.unit || "-" })); const designs: { name: string; unit: string }[] = []; + const examples: Record = {}; + const addDesign = (name: string, unit: string, example?: number | string | null): void => { + designs.push({ name, unit: unit || "-" }); + if (example !== null && example !== undefined && example !== "") examples[name] = example; + }; for (const b of other.boxes) { - if (b.kind !== "input" || !b.input) continue; - if (b.input.mode === "variable") - for (const v of b.input.variables) designs.push({ name: v.name, unit: v.unit || "-" }); - for (const e of b.input.elements) - if (e.mode === "choice" || e.mode === "rule") - designs.push({ name: e.slot || e.name, unit: e.unit || "-" }); + for (const v of b.input?.variables ?? b.func?.variables ?? []) + addDesign(v.name, v.unit, v.example); + if (b.input?.mode === "group") + for (const e of b.input.elements) + if (e.mode === "choice" || e.mode === "rule") addDesign(e.slot || e.name, e.unit); + if (b.input?.mode === "logic") + for (const d of b.input.logic?.designs ?? []) + if (!other.links.some((l) => l.to.box === b.id && l.to.name === d.name)) + addDesign(d.name, d.unit, b.input.logic?.examples?.[d.name]); } const seen = new Set(); return { @@ -256,9 +265,93 @@ export function logicRefOf(key: string, other: CfLogic): CfLogicRef { name: other.name, outputs: outputs.filter((o) => !seen.has(o.name) && !!seen.add(o.name)), designs: designs.filter((d) => (seen.has(`d:${d.name}`) ? false : !!seen.add(`d:${d.name}`))), + ...(Object.keys(examples).length ? { examples } : {}), }; } +/* ── 마스터 로직 고르기 — 목록 · 거름 · 쪽 · 순환 막음(36-6) ── */ + +/** 마스터 로직 한 줄 — M01 `fetchLogics` 의 줄(자기 시험 로직 DF-… 도 같은 꼴로 합침) */ +export interface MasterLogicBrief { + file: string; + 구분: string; + 상세구분: string; + 키: string; + 원문번호: string; + 이름: string; + 결과단위: string; + blocked?: boolean; + reasons?: string[]; +} + +/** 찾기 — 띄어쓰기로 나눈 말을 모두 포함(이름 · 원문번호 · 키 · 구분 · 상세구분 · 띄어쓰기는 가리지 않음) · 원문(구분) · 장(상세구분) 거름 */ +export function filterLogics( + items: MasterLogicBrief[], + q: { text: string; book?: string; chapter?: string }, +): MasterLogicBrief[] { + const words = q.text.split(/\s+/).map(squash).filter(Boolean); + return items.filter((i) => { + if (q.book && i.구분 !== q.book) return false; + if (q.chapter && i.상세구분 !== q.chapter) return false; + const hay = squash(`${i.이름} ${i.원문번호} ${i.키} ${i.구분} ${i.상세구분}`); + return words.every((w) => hay.includes(w)); + }); +} + +/** 원문(구분) 목록 · 장(상세구분) 목록 — 나온 차례대로 */ +export function logicBooks(items: MasterLogicBrief[]): string[] { + return [...new Set(items.map((i) => i.구분).filter(Boolean))]; +} +export function logicChapters(items: MasterLogicBrief[], book: string): string[] { + return [ + ...new Set( + items + .filter((i) => !book || i.구분 === book) + .map((i) => i.상세구분) + .filter(Boolean), + ), + ]; +} + +/** 옛 로직을 흐름도로 바꿔 읽은 것은 출력 상자가 비목별이라 노무비 · 재료비 · 경비 · 계 알약 넷으로 보임 */ +export const COST_OUTPUTS = ["노무비", "재료비", "경비", "계"] as const; + +/** 마스터 로직 고른 것 → 다른 로직 입력 값 — 흐름이면 출력 상자 · 변환이면 비용 넷 */ +export function masterRef( + key: string, + flow: CfLogic, + converted: boolean, + resultUnit: string, +): CfLogicRef { + const ref = logicRefOf(key, flow); + return converted + ? { ...ref, outputs: COST_OUTPUTS.map((name) => ({ name, unit: resultUnit || "-" })) } + : ref; +} + +/** 이 로직이 자기 자신을 부르거나 돌고 도나 — `load` 가 로직을 주면 입력 상자의 「다른 로직」 을 따라가 봄(깊이 8) */ +export async function wouldCycle( + selfKey: string | null, + startKey: string, + load: (key: string) => Promise, + depth = 8, +): Promise { + if (!selfKey) return false; + const seen = new Set(); + const walk = async (key: string, left: number): Promise => { + if (key === selfKey) return true; + if (seen.has(key) || left <= 0) return false; + seen.add(key); + const lg = await load(key).catch(() => null); + for (const b of lg?.boxes ?? []) { + const next = b.input?.mode === "logic" ? b.input.logic?.key : undefined; + if (next && (await walk(next, left - 1))) return true; + } + return false; + }; + return walk(startKey, depth); +} + /** 다른 로직 입력 넣기 · 빼기(null) — 빼면 변수 상태로 돌아가고 이 상자의 알약에 닿은 선은 모두 지움 */ export function setLogicInput(lg: CfLogic, id: string, ref: CfLogicRef | null): CfLogic { return { From accf8ecc4fd17377e5082a072a07d174fc3534c6 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 1 Oct 2026 23:27:29 +0900 Subject: [PATCH 3/4] =?UTF-8?q?feat(M01):=20=EB=8B=A8=EA=B0=80=EC=82=B0?= =?UTF-8?q?=EC=B6=9C=20=EB=A1=9C=EC=A7=81=20=EB=8B=A8=EC=B6=94=20=EC=A0=95?= =?UTF-8?q?=EB=A6=AC=20=C2=B7=20=EB=A1=9C=EC=A7=81=20=EC=83=81=EC=84=B8=20?= =?UTF-8?q?=EB=91=90=20=EC=B9=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 「식으로 새로 만들기」 단추 · 화면 길 지움(LogicLab_New 다섯 파일 — 쓰는 곳 없음) - 「시험판 ▾」 메뉴 · 시험판 단추 둘(CostFlow · DataFlow 입구) · 가져오기 줄 지움 - 「본떠 만들기」 → 「로직 복사/생성」 · 단추 차례 = ← 로직 목록 · 로직 복사/생성 · 로직 지우기 · 고친 것 버리기 · 저장 - 로직 상세 두 칸(LogicLab_Flow) — 왼쪽 지금 내용 · 오른쪽 흐름도 자리 · 끌기 막대 · 너비 비율 기억(localStorage · 25~75%) Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_016PSXsvyDxjNmufteN5bqmt --- M01_MasterData/M01_MasterData_UI_LogicLab.ts | 127 ++------ .../M01_MasterData_UI_LogicLab_Flow.css | 40 +++ .../M01_MasterData_UI_LogicLab_Flow.ts | 95 ++++++ .../M01_MasterData_UI_LogicLab_New.css | 105 ------- .../M01_MasterData_UI_LogicLab_New.ts | 272 ------------------ .../M01_MasterData_UI_LogicLab_New_Find.ts | 218 -------------- .../M01_MasterData_UI_LogicLab_New_Text.ts | 71 ----- .../M01_MasterData_UI_LogicLab_New_Var.ts | 178 ------------ .../M01_MasterData_UI_LogicLab_Text.ts | 2 +- 9 files changed, 160 insertions(+), 948 deletions(-) create mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_Flow.css create mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_Flow.ts delete mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_New.css delete mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_New.ts delete mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_New_Find.ts delete mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_New_Text.ts delete mode 100644 M01_MasterData/M01_MasterData_UI_LogicLab_New_Var.ts diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab.ts b/M01_MasterData/M01_MasterData_UI_LogicLab.ts index a74a98bb9..8bef8f3c8 100644 --- a/M01_MasterData/M01_MasterData_UI_LogicLab.ts +++ b/M01_MasterData/M01_MasterData_UI_LogicLab.ts @@ -1,13 +1,13 @@ /* ============================================================================= * M01_MasterData_UI_LogicLab.ts - * 관리자 화면 — 로직 칸. 가운데 단가산출 상세(호표) 고치기 / 오른쪽 시험 계산 + * 관리자 화면 — 로직 칸. 로직을 열면 두 칸 — 왼쪽 단가산출 상세(호표) · 시험 계산 / 오른쪽 흐름도 * 로직 목록(원문·장 고르기 · 찾기 · 막힘 거름)은 왼쪽 패널 「단가산출 로직」 컨테이너(`listHost`) 안 * * 데이터 흐름(CLAUDE.md 5장) — 고친 것은 캐시(sessionStorage)에 쌓고 [저장] 한 번에 `POST /save`. * 409 = 그 사이 파일이 바뀜 · 422 = 검사 걸림(아무것도 안 씀) — 까닭은 서버 글 그대로 보임. * ========================================================================== */ -import { currentLanguageIndex, t as L } from "@ui/ui_template_locale"; +import { t as L } from "@ui/ui_template_locale"; import { createButton, el, @@ -37,12 +37,7 @@ import { buildLabDetail, isOwnLogic } from "./M01_MasterData_UI_LogicLab_Detail" import { setLogicOpener } from "./M01_MasterData_UI_LogicLab_Modal"; import { openCopyScreen } from "./M01_MasterData_UI_LogicLab_Copy"; import { tl } from "./M01_MasterData_UI_LogicLab_Text"; -import { buildNewLogic } from "./M01_MasterData_UI_LogicLab_New"; -import { tn } from "./M01_MasterData_UI_LogicLab_New_Text"; -// 단가산출 다이어그램 시험 길 — 폴더째 지우면 이 두 줄도 지움 -import { createCostFlowButton } from "../M02_MasterTemplete/CostFlow/M02_CF_Entry"; -// 단가산출 흐름도 시험 길 — 폴더째 지우면 이 두 줄도 지움 -import { createDataFlowButton } from "../M02_MasterTemplete/DataFlow/M02_DF_Entry"; +import { buildSplit } from "./M01_MasterData_UI_LogicLab_Flow"; import "./M01_MasterData_UI_Logic_Style.css"; /** 저장 안 한 로직 하나 — origKey null = 새 로직 · row null = 지움 */ @@ -72,49 +67,6 @@ interface Opened extends Draft { const cacheKey = "m01_logic_drafts_lab"; const ownHost = (): HTMLElement => el("div", { className: "m01lab__own" }); -/** 시험판 묶음 — 「시험판 ▾」 단추 하나 · 누르면 시험판 단추들이 목록으로(바깥 · Esc · 고르면 닫힘) */ -function trialMenu(items: HTMLElement[]): HTMLElement { - const list = el("div", { attrs: { role: "menu" }, children: items }); - Object.assign(list.style, { - position: "absolute", - top: "calc(100% + 4px)", - left: "0", - zIndex: "20", - display: "none", - flexDirection: "column", - gap: "var(--spacing-4)", - padding: "var(--spacing-8)", - border: "1px solid var(--color-border)", - borderRadius: "var(--radius-lg)", - background: "var(--color-surface-raised)", - boxShadow: "var(--shadow-lg)", - whiteSpace: "nowrap", - }); - const shut = (): void => { - list.style.display = "none"; - button.setAttribute("aria-expanded", "false"); - document.removeEventListener("click", outside, true); - }; - const outside = (ev: Event): void => { - if (!wrap.contains(ev.target as Node)) shut(); - }; - const button = createButton({ - label: ["시험판 ▾", "Trials ▾"][currentLanguageIndex === 1 ? 1 : 0], - variant: "ghost", - onClick: () => { - if (list.style.display !== "none") return shut(); - list.style.display = "flex"; - button.setAttribute("aria-expanded", "true"); - document.addEventListener("click", outside, true); - }, - }); - button.setAttribute("aria-haspopup", "menu"); - list.addEventListener("click", () => shut()); // 고른 시험판은 제 단추가 엶 - const wrap = el("div", { children: [button, list] }); - Object.assign(wrap.style, { position: "relative", display: "inline-flex" }); - wrap.addEventListener("keydown", (ev) => ev.key === "Escape" && shut()); - return wrap; -} const clone = (v: T): T => JSON.parse(JSON.stringify(v)) as T; function loadDrafts(): Record { @@ -137,13 +89,13 @@ export async function mountM01LogicLab( ): Promise { let drafts = loadDrafts(); let opened: Opened | null = null; - let creating = false; // 「식으로 새로 만들기」 화면이 열려 있음 let calcInputs = ""; let recalc: number | undefined; const editor = el("div", { className: "m01-logic__editor" }); + // 로직 상세 두 칸 — 왼쪽 지금 내용 · 오른쪽 흐름도(패널 자리) · 너비 비율 기억 + const split = buildSplit(editor); const errors = el("div", { className: "m01-logic__reasons", attrs: { hidden: "" } }); const calc = el("div", { className: "m01lab__calc" }); - const newHost = el("div", { className: "m01lab__new", attrs: { hidden: "" } }); const filterHost = el("div"); const waiting = el("p", { className: "m01-logic__muted", text: tx("Loading") }); let loaded = false; // 첫 목록이 오기 전에는 「0 줄」 빈 표를 보이지 않음 @@ -233,12 +185,11 @@ export async function mountM01LogicLab( const drawEditor = (): void => { // 고른 로직이 없으면 목록 · 있으면 호표 표 + 시험 계산 - const listing = !opened && !creating; + const listing = !opened; list.root.hidden = !listing || !loaded; waiting.hidden = loaded; - editor.hidden = !opened; + split.root.hidden = !opened; back.hidden = listing; - newHost.hidden = !creating; if (!opened) return; if (!opened.row) { editor.replaceChildren( @@ -264,7 +215,6 @@ export async function mountM01LogicLab( const show = (next: Opened | null): void => { opened = next; - creating = false; errors.hidden = true; drawEditor(); drawCalc(); @@ -326,7 +276,7 @@ export async function mountM01LogicLab( restore: true, onPick: (sub, detail) => { list.setPick(sub, detail); - if (opened || creating) show(null); + if (opened) show(null); }, }), ); @@ -410,65 +360,36 @@ export async function mountM01LogicLab( } }; - /** 식으로 새로 만들기 — 저장하면 목록을 다시 받아 그 로직의 상세 화면을 엶 */ - const startNew = (): void => { - opened = null; - creating = true; - newHost.replaceChildren( - buildNewLogic({ - onSaved: (key) => { - void (async () => { - try { - await reload(); - await openKeyOn(key); - } catch (error) { - showToast(error instanceof Error ? error.message : tx("Load_Failed"), "error"); - } - })(); - }, - onClose: () => show(null), - }), - ); - drawEditor(); - drawCalc(); - }; - const saveButton = createButton({ label: tx("Bar_Save"), onClick: () => void onSave() }); const discardButton = createButton({ label: tx("Bar_Discard"), variant: "ghost", onClick: () => void onDiscard(), }); + const copyButton = createButton({ + label: tl("Copy_Open"), + variant: "ghost", + onClick: () => + opened?.origKey + ? void openCopyScreen({ + key: opened.origKey, + afterSave: async (newKey) => { + await reload(); + await open(logicId("자체", newKey), "자체", newKey); + }, + }) + : showToast(tl("Copy_NeedOpen"), "info"), + }); const bar = el("div", { className: "m01-logic__bar", children: [ back, el("h2", { text: tx("Title") }), pending, - createButton({ label: tn("Open"), variant: "filled", onClick: startNew }), - trialMenu([ - // 단가산출 다이어그램 시험 길 — 폴더째 지우면 이 두 줄도 지움 - createCostFlowButton(), - // 단가산출 흐름도 시험 길 — 폴더째 지우면 이 두 줄도 지움 - createDataFlowButton(), - ]), + copyButton, createButton({ label: tx("Bar_Delete"), variant: "danger", onClick: () => void onDelete() }), discardButton, saveButton, - createButton({ - label: tl("Copy_Open"), - variant: "ghost", - onClick: () => - opened?.origKey - ? void openCopyScreen({ - key: opened.origKey, - afterSave: async (newKey) => { - await reload(); - await open(logicId("자체", newKey), "자체", newKey); - }, - }) - : showToast(tl("Copy_NeedOpen"), "info"), - }), ], }); host.replaceChildren( @@ -477,7 +398,7 @@ export async function mountM01LogicLab( children: [ el("main", { className: "m01-logic__main", - children: [bar, errors, waiting, list.root, editor, newHost], + children: [bar, errors, waiting, list.root, split.root], }), ], }), diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.css b/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.css new file mode 100644 index 000000000..64a4c5500 --- /dev/null +++ b/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.css @@ -0,0 +1,40 @@ +/* 로직 상세 두 칸 — 왼쪽 지금 내용 · 끌기 막대 · 오른쪽 흐름도 */ +.m01lab-flow { + display: grid; + grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); + align-items: start; + gap: 0; +} + +.m01lab-flow[hidden] { + display: none; +} + +.m01lab-flow__left, +.m01lab-flow__right { + min-width: 0; +} + +.m01lab-flow__bar { + align-self: stretch; + width: 8px; + margin: 0 var(--spacing-4); + border-radius: var(--radius-sm); + background: var(--color-border); + cursor: col-resize; + touch-action: none; +} + +.m01lab-flow__bar:hover, +.m01lab-flow__bar:focus-visible { + background: var(--color-primary); +} + +.m01lab-flow__wait { + margin: 0; + padding: var(--spacing-16); + border: 1px dashed var(--color-border); + border-radius: var(--radius-md); + color: var(--color-text-secondary); + text-align: center; +} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.ts new file mode 100644 index 000000000..15c729006 --- /dev/null +++ b/M01_MasterData/M01_MasterData_UI_LogicLab_Flow.ts @@ -0,0 +1,95 @@ +/* ============================================================================= + * M01_MasterData_UI_LogicLab_Flow.ts + * 로직 상세 두 칸 — 왼쪽 지금 내용(보기) · 가운데 끌기 막대 · 오른쪽 흐름도 자리(패널은 LogicLab 이 붙임) + * 너비 비율은 브라우저에 기억(localStorage · 막히면 기본 반반). 정함 `docs/raw/M01_쉬운단가/흐름도_적용_정함.md` 5 · 10 + * ========================================================================== */ + +import { currentLanguageIndex } from "@ui/ui_template_locale"; +import { el } from "@ui/ui_template_elements"; +import "./M01_MasterData_UI_LogicLab_Flow.css"; + +const TEXT = { + Resize: ["두 칸 너비 — 끌어서 조절", "Drag to resize the two columns"], + Waiting: ["흐름도 자리", "Flow diagram"], +} as const; + +export const tf = (key: keyof typeof TEXT): string => TEXT[key][currentLanguageIndex === 1 ? 1 : 0]; + +const STORE = "m01.logic.flowRatio"; +const MIN = 0.25; +const MAX = 0.75; + +const clamp = (r: number): number => Math.min(MAX, Math.max(MIN, r)); + +function readRatio(): number { + try { + const r = Number(localStorage.getItem(STORE)); + return r ? clamp(r) : 0.5; + } catch { + return 0.5; + } +} + +export interface SplitHandle { + root: HTMLElement; + /** 오른쪽 칸 — 흐름도 패널을 붙이는 곳 */ + right: HTMLElement; +} + +/** 두 칸 만들기 — left 는 지금 화면 그대로 왼쪽에 둠 */ +export function buildSplit(left: HTMLElement): SplitHandle { + const right = el("div", { + className: "m01lab-flow__right", + children: [el("p", { className: "m01lab-flow__wait", text: tf("Waiting") })], + }); + const bar = el("div", { + className: "m01lab-flow__bar", + attrs: { + role: "separator", + "aria-orientation": "vertical", + "aria-label": tf("Resize"), + title: tf("Resize"), + tabindex: "0", + }, + }); + const leftCol = el("div", { className: "m01lab-flow__left", children: [left] }); + const root = el("div", { className: "m01lab-flow", children: [leftCol, bar, right] }); + let ratio = readRatio(); + const apply = (): void => { + root.style.gridTemplateColumns = `minmax(0, ${ratio}fr) auto minmax(0, ${1 - ratio}fr)`; + }; + const keep = (): void => { + try { + localStorage.setItem(STORE, String(ratio)); + } catch { + /* 기억 못 해도 지금 화면은 그대로 */ + } + }; + bar.addEventListener("pointerdown", (ev) => { + if (ev.button !== 0) return; + ev.preventDefault(); + const box = root.getBoundingClientRect(); + const move = (m: PointerEvent): void => { + ratio = clamp((m.clientX - box.left) / box.width); + apply(); + }; + const up = (): void => { + window.removeEventListener("pointermove", move); + window.removeEventListener("pointerup", up); + keep(); + }; + window.addEventListener("pointermove", move); + window.addEventListener("pointerup", up); + }); + // 키보드 — 왼쪽 · 오른쪽 화살표로 조금씩 + bar.addEventListener("keydown", (ev) => { + const step = ev.key === "ArrowLeft" ? -0.05 : ev.key === "ArrowRight" ? 0.05 : 0; + if (!step) return; + ev.preventDefault(); + ratio = clamp(ratio + step); + apply(); + keep(); + }); + apply(); + return { root, right }; +} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_New.css b/M01_MasterData/M01_MasterData_UI_LogicLab_New.css deleted file mode 100644 index bd23745e2..000000000 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_New.css +++ /dev/null @@ -1,105 +0,0 @@ -/* M01 로직 개선 시험 — 식으로 새 로직 만들기 (좁은 화면에서도 한 칸으로 쌓임) */ -.m01lab-new { - display: flex; - flex-direction: column; - gap: var(--spacing-12); - min-width: 0; -} - -.m01lab-new__step { - display: flex; - flex-direction: column; - gap: var(--spacing-8); - min-width: 0; -} - -.m01lab-new__text { - width: 100%; - min-height: 140px; - padding: var(--spacing-8); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); - background: var(--color-bg); - color: var(--color-text); - font-family: ui-monospace, Consolas, monospace; - font-size: var(--text-body); - resize: vertical; -} - -.m01lab-new__row { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: var(--spacing-8); -} - -.m01lab-new__vars { - display: flex; - flex-direction: column; - gap: var(--spacing-8); -} - -.m01lab-new__var { - padding: var(--spacing-8); - border: 1px solid var(--color-border); - border-radius: var(--radius-lg); -} - -.m01lab-new__var-head { - display: flex; - flex-wrap: wrap; - align-items: baseline; - gap: var(--spacing-8); -} - -.m01lab-new__var-body { - display: flex; - flex-wrap: wrap; - align-items: flex-end; - gap: var(--spacing-8); - margin-top: var(--spacing-8); -} - -.m01lab-new__wide { - flex: 1 1 220px; -} - -.m01lab-new__picked { - display: flex; - flex-wrap: wrap; - align-items: center; - gap: var(--spacing-8); - min-width: 0; -} - -.m01lab-new__src { - display: flex; - gap: var(--spacing-8); - padding: var(--spacing-4) var(--spacing-8); - border-radius: var(--radius-lg); - background: var(--color-paper); - overflow-x: auto; -} - -.m01lab-new__no { - flex: 0 0 auto; - color: var(--color-text-secondary); -} - -.m01lab-new__src mark { - background: var(--color-danger); - color: var(--color-bg); - border-radius: 2px; -} - -.m01lab-new__bad { - color: var(--color-danger); -} - -.m01lab-new__soft { - color: var(--color-text-secondary); -} - -.m01lab-new__calc { - min-width: 0; -} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_New.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_New.ts deleted file mode 100644 index 7cc035b22..000000000 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_New.ts +++ /dev/null @@ -1,272 +0,0 @@ -/* ============================================================================= - * M01_MasterData_UI_LogicLab_New.ts - * 「단가산출 로직」 — 식으로 새 로직 만들기 (PLAN 3-3 · 계약 `_화면_계약.md` 7장) - * ① 식을 줄로 적음 ② [분석] → 변수 표에서 변수마다 무엇인지·단위·비목을 고름 - * ③ 이름·결과 단위 ④ 시험 계산으로 값을 보고 저장(자체 로직 · 키 GX) - * 검사에 걸린 것은 그 줄·자리를 짚어 쉬운 말로 보임 — 서버 글 그대로(`문제`) - * ========================================================================== */ - -import { - createButton, - createInputField, - el, - hideLoadingOverlay, - showLoadingOverlay, - showToast, -} from "@ui/ui_template_elements"; -import { - ApiError, - draftLogic, - type DraftAnswer, - type DraftDecided, - type DraftHead, - type DraftProblem, - type DraftVar, -} from "./M01_MasterData_UI_Logic_Api"; -import { buildCalc } from "./M01_MasterData_UI_Logic_Calc"; -import { tn } from "./M01_MasterData_UI_LogicLab_New_Text"; -import { varRow, type VarRow } from "./M01_MasterData_UI_LogicLab_New_Var"; -import "./M01_MasterData_UI_LogicLab_New.css"; - -/** 보기 글 — 넓이 → 품 → 인부 한 줄 + 잡재료비 덧줄 */ -const SAMPLE = `# 보기 — 분석을 누른 뒤 변수마다 무엇인지 골라 주세요 -넓이 = 길이 * 폭 -인부 = 넓이 * 품 -잡재료비 = 노무비 * 0.05 -공사비 = 인부 * 보통인부 + 잡재료비 -`; - -export interface NewOptions { - /** 저장 끝 — 새 자체 로직의 키 */ - onSaved: (key: string) => void; - onClose: () => void; -} - -export function buildNewLogic(opts: NewOptions): HTMLElement { - const decided: Record = {}; - const rows = new Map(); - const values: Record = {}; - let analyzed = ""; // 분석한 식 — 그 뒤 글이 바뀌면 다시 분석하라고 알림 - let answer: DraftAnswer | null = null; - let calcSig = ""; - let seq = 0; - - const text = el("textarea", { - className: "m01lab-new__text", - attrs: { rows: "7", spellcheck: "false", "aria-label": tn("Step1") }, - }); - text.value = SAMPLE; - const stale = el("p", { - className: "m01-logic__muted", - text: tn("Stale"), - attrs: { hidden: "" }, - }); - const varsHost = el("div", { className: "m01lab-new__vars" }); - const problemHost = el("div", { className: "m01lab-new__problems" }); - const calcHost = el("div", { className: "m01lab__calc m01lab-new__calc" }); - const nameBox = createInputField({ - type: "text", - label: tn("Name"), - onInput: () => onEdit(), - }); - nameBox.input.setAttribute("data-key", "name"); - const unitBox = createInputField({ - type: "text", - label: tn("ResultUnit"), - placeholder: "원/㎡", - onInput: () => onEdit(), - }); - unitBox.input.setAttribute("data-key", "unit"); - const ownerBox = createInputField({ type: "text", label: tn("Owner") }); - const state = el("p", { className: "m01-logic__muted" }); - const save = createButton({ label: tn("Save"), onClick: () => void doSave() }); - save.setAttribute("data-act", "save"); - save.disabled = true; - - const head = (): DraftHead | undefined => { - const 이름 = nameBox.input.value.trim(); - const 결과단위 = unitBox.input.value.trim(); - return 이름 && 결과단위 ? { 이름, 결과단위, 출처: "자체" } : undefined; - }; - - /** 문제가 걸린 줄을 그대로 보이고 자리 글자에 표시 · 아래에 쉬운 말 목록 */ - const drawProblems = (problems: DraftProblem[]): void => { - if (!analyzed) return problemHost.replaceChildren(); - const lines = analyzed.split("\n"); - const flagged = new Map(); - for (const p of problems) { - if (p.줄) flagged.set(p.줄, [...(flagged.get(p.줄) ?? []), p]); - } - const shown = [...flagged.keys()] - .sort((a, b) => a - b) - .filter((n) => n <= lines.length) - .map((n) => { - const raw = lines[n - 1]; - const at = flagged.get(n)?.find((p) => p.자리 !== null)?.자리 ?? -1; - return el("div", { - className: "m01lab-new__src", - children: [ - el("span", { className: "m01lab-new__no", text: String(n) }), - at >= 0 - ? el("code", { - children: [ - raw.slice(0, at), - el("mark", { text: raw.slice(at, at + 1) }), - raw.slice(at + 1), - ], - }) - : el("code", { text: raw }), - ], - }); - }); - const items = problems.map((p) => - el("li", { - className: p.갈래 === "덜정함" ? "m01lab-new__soft" : "m01lab-new__bad", - attrs: { "data-kind": p.갈래 }, - text: `${p.줄 ? `${tn("Line", { n: p.줄 })} · ` : ""}${p.말}`, - }), - ); - problemHost.replaceChildren( - el("h4", { text: tn("Problems") }), - ...(items.length - ? [...shown, el("ul", { children: items })] - : [el("p", { className: "m01-logic__muted", text: tn("AllGood") })]), - ); - }; - - const drawCalc = (): void => { - const row = answer?.logic ?? null; - save.disabled = !row || (answer?.문제.length ?? 1) > 0; - state.textContent = !answer - ? "" - : answer.문제.some((p) => p.갈래 !== "덜정함") - ? tn("SaveBlocked") - : !head() - ? tn("NeedHead") - : answer.다됨 - ? "" - : tn("Undecided"); - if (!row) { - calcSig = ""; - calcHost.replaceChildren(); - return; - } - const sig = JSON.stringify(row.입력 ?? []); - if (sig === calcSig) return; // 입력 칸이 그대로면 넣은 값·결과를 안 지우려고 다시 안 그림 - calcSig = sig; - buildCalc(calcHost, { - savedKey: null, - row: { ...row, 키: row.키 ?? "" }, // 아직 번호 없는 새 초안 — 키 칸은 비워 보냄 - dirty: () => true, - values, - onLines: () => undefined, - }); - }; - - const drawVars = (vars: DraftVar[]): void => { - rows.clear(); - const shown = vars.filter((v) => v.갈래 !== "비목합"); - for (const name of Object.keys(decided)) { - if (!shown.some((v) => v.이름 === name)) delete decided[name]; - } - const result = answer?.결과 ?? ""; - const order = [ - ...shown.filter((v) => v.갈래 === "미정"), - ...shown.filter((v) => v.갈래 !== "미정"), - ]; - for (const v of order) rows.set(v.이름, varRow(v, v.이름 === result, { decided, onEdit })); - varsHost.replaceChildren(...[...rows.values()].map((r) => r.root)); - }; - - const evaluate = async (rebuild: boolean): Promise => { - if (!analyzed) return; - const mine = ++seq; - try { - const got = await draftLogic({ text: analyzed, decided, head: head() }); - if (mine !== seq) return; // 최신 응답만 - answer = got; - if (rebuild) drawVars(got.변수); - for (const v of got.변수) rows.get(v.이름)?.update(v); - drawProblems(got.문제); - drawCalc(); - } catch (error) { - showToast(error instanceof Error ? error.message : tn("Failed"), "error"); - } - }; - let timer = 0; - function onEdit(): void { - window.clearTimeout(timer); - timer = window.setTimeout(() => void evaluate(false), 250); - } - - const analyzeButton = createButton({ - label: tn("Analyze"), - onClick: () => { - analyzed = text.value; - stale.hidden = true; - void evaluate(true); - }, - }); - analyzeButton.setAttribute("data-act", "analyze"); - text.addEventListener("input", () => (stale.hidden = !analyzed || text.value === analyzed)); - - async function doSave(): Promise { - const h = head(); - if (!h) return void showToast(tn("NeedHead"), "info"); - save.disabled = true; - showLoadingOverlay(); // 서버가 파일을 검사하며 저장하느라 몇 초 걸림 - try { - const owner = ownerBox.input.value.trim(); - const done = await draftLogic({ - text: analyzed, - decided, - head: h, - save: true, - ...(owner ? { owner } : {}), - }); - showToast(tn("Saved", { v: done.key ?? "" }), "success"); - if (done.key) opts.onSaved(done.key); - } catch (error) { - const detail = error instanceof ApiError ? (error.detail as { 문제?: DraftProblem[] }) : null; - if (detail?.문제) drawProblems(detail.문제); - else showToast(error instanceof Error ? error.message : tn("Failed"), "error"); - save.disabled = false; - } finally { - hideLoadingOverlay(); - } - } - - const section = (title: string, ...children: HTMLElement[]): HTMLElement => - el("section", { - className: "m01lab__box m01lab-new__step", - children: [el("h3", { text: title }), ...children], - }); - - return el("div", { - className: "m01lab-new", - children: [ - el("div", { - className: "m01-logic__section-head", - children: [ - el("h2", { text: tn("Title") }), - createButton({ label: tn("Close"), variant: "ghost", onClick: opts.onClose }), - ], - }), - section( - tn("Step1"), - el("p", { className: "m01-logic__muted", text: tn("Guide") }), - text, - el("div", { className: "m01lab-new__row", children: [analyzeButton, stale] }), - ), - section(tn("Step2"), varsHost, problemHost), - section( - tn("Step3"), - el("div", { - className: "m01lab-new__row", - children: [nameBox.root, unitBox.root, ownerBox.root], - }), - ), - section(tn("Step4"), calcHost, state, save), - ], - }); -} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Find.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_New_Find.ts deleted file mode 100644 index 08761a627..000000000 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Find.ts +++ /dev/null @@ -1,218 +0,0 @@ -/* ============================================================================= - * M01_MasterData_UI_LogicLab_New_Find.ts - * 새 로직 만들기의 고르기 창 둘 - * ① 마스터 요소 — 종류(인력·재료·기계) → 구분 → 상세구분 → 이름 찾기 → 한 줄 고르기 - * ② 표 찾기 — 표(소요량·계수)와 값 칸을 고른 뒤 표의 조건 칸마다 식을 적음 - * ========================================================================== */ - -import { - createButton, - createInputField, - createSelectField, - el, - showToast, -} from "@ui/ui_template_elements"; -import { - fetchFiles, - fetchRows, - fetchSubsAll, - type FileInfo, - type SubInfo, -} from "./M01_MasterData_Api_Fetch"; -import type { DraftFind } from "./M01_MasterData_UI_Logic_Api"; -import { formatNumber } from "./M01_MasterData_UI_Logic_Edit"; -import { loadTable } from "./M01_MasterData_UI_Logic_Note"; -import { openPicker } from "./M01_MasterData_UI_Logic_Pick"; -import { tn } from "./M01_MasterData_UI_LogicLab_New_Text"; - -export interface PickedElement { - ref: string; - /** 이름 + 규격 */ - name: string; - /** 수량에 쓰는 단위(「원/일」 → 「일」) */ - unit: string; - group: string; -} - -const GROUPS = ["인력", "재료", "기계"]; -const SHOWN = 50; - -/** 창 뼈대 — 제목 · 닫기 · 몸통 */ -function shell(title: string, body: HTMLElement[]): { close: () => void } { - const close = (): void => backdrop.remove(); - const dialog = el("div", { - className: "m01-logic__pick", - attrs: { role: "dialog", "aria-label": title }, - children: [ - el("div", { - className: "m01-logic__section-head", - children: [ - el("h3", { text: title }), - createButton({ label: tn("Close"), variant: "ghost", onClick: close }), - ], - }), - ...body, - ], - }); - const backdrop = el("div", { className: "m01-logic__backdrop", children: [dialog] }); - backdrop.addEventListener("click", (ev) => ev.target === backdrop && close()); - backdrop.addEventListener("keydown", (ev) => ev.key === "Escape" && close()); - document.body.append(backdrop); - return { close }; -} - -/** 그룹의 파일 — 재료는 자재품목(구분·상세구분이 있는 것) */ -async function fileOf(group: string): Promise { - const files = await fetchFiles(group); - return group === "재료" ? (files.find((f) => f.file.includes("자재품목")) ?? files[0]) : files[0]; -} - -const options = (values: string[]): { value: string; text: string }[] => [ - { value: "", text: tn("All") }, - ...values.map((v) => ({ value: v, text: v })), -]; - -export function openElementPick(done: (picked: PickedElement) => void): void { - let file: FileInfo | undefined; - let subs: SubInfo[] = []; - const groupBox = createSelectField({ - options: GROUPS.map((g) => ({ value: g, text: g })), - value: GROUPS[0], - compact: true, - label: tn("Group"), - }); - const subBox = createSelectField({ - options: options([]), - value: "", - compact: true, - label: tn("Sub"), - }); - const detailBox = createSelectField({ - options: options([]), - value: "", - compact: true, - label: tn("Detail"), - }); - const searchField = createInputField({ type: "search", placeholder: tn("Search") }); - const count = el("span", { className: "m01-logic__muted" }); - const list = el("div", { className: "m01-logic__pick-list" }); - const win = shell(tn("K_master"), [ - el("div", { - className: "m01-logic__pick-bar", - children: [groupBox.root, subBox.root, detailBox.root, searchField.root, count], - }), - list, - ]); - - let seq = 0; - const load = async (): Promise => { - if (!file) return; - const mine = ++seq; - try { - const got = await fetchRows( - file.file, - 1, - SHOWN, - searchField.input.value.trim(), - false, - subBox.select.value, - detailBox.select.value, - ); - if (mine !== seq) return; - count.textContent = tn("Count", { n: got.total, m: Math.min(got.total, SHOWN) }); - list.replaceChildren( - ...got.rows.map((row) => { - const name = `${row["이름"] ?? ""} ${row["규격"] ?? ""}`.trim(); - const unitText = String(row["단위"] ?? ""); - const unit = groupBox.select.value === "인력" ? "인" : (unitText.split("/").pop() ?? ""); - const button = el("button", { - className: "m01-logic__pick-row m01-logic__pick-row--button", - attrs: { type: "button", "data-ref": String(row["키"]) }, - children: [ - el("div", { - className: "m01-logic__stack", - children: [ - el("strong", { text: name }), - el("span", { className: "m01-logic__muted", text: String(row["키"]) }), - ], - }), - el("span", { - className: "m01-logic__money", - text: `${formatNumber(row["값"])} ${unitText}`.trim(), - }), - ], - }); - button.addEventListener("click", () => { - win.close(); - done({ ref: String(row["키"]), name, unit, group: groupBox.select.value }); - }); - return button; - }), - ); - } catch (error) { - showToast(error instanceof Error ? error.message : tn("Failed"), "error"); - } - }; - - const changeGroup = async (): Promise => { - file = await fileOf(groupBox.select.value); - subs = file ? (await fetchSubsAll({ file: file.file })).subs : []; - subBox.setOptions(options(subs.map((s) => s.name)), ""); - detailBox.setOptions(options([]), ""); - detailBox.select.disabled = true; - await load(); - }; - groupBox.select.addEventListener("change", () => void changeGroup()); - subBox.select.addEventListener("change", () => { - const details = subs.find((s) => s.name === subBox.select.value)?.details ?? []; - detailBox.setOptions(options(details), ""); - detailBox.select.disabled = details.length === 0; - void load(); - }); - detailBox.select.addEventListener("change", () => void load()); - let timer = 0; - searchField.input.addEventListener("input", () => { - window.clearTimeout(timer); - timer = window.setTimeout(() => void load(), 250); - }); - void changeGroup(); -} - -/** 표 찾기 — 표·값 칸을 고른 뒤 조건 칸마다 식을 받음 · 표의 조건 칸이 없으면 바로 끝 */ -export function openTablePick(done: (find: DraftFind, label: string) => void): void { - openPicker("table", "소요량", (item, column) => { - void (async () => { - const table = await loadTable(item.ref); - const conds = Object.keys(table?.조건 ?? {}); - const label = `${item.이름 ?? item.ref} · ${item.ref} → ${column ?? ""}`; - const find = { 표: item.ref, 값칸: column ?? "", 조건: {} as Record }; - if (!conds.length) { - done(find, label); - return; - } - const inputs = conds.map((c) => { - const box = createInputField({ type: "text", value: c }); - box.input.setAttribute("data-cond", c); - return { c, box }; - }); - const win = shell(tn("TableTitle"), [ - el("p", { className: "m01-logic__muted", text: label }), - el("p", { text: tn("Cond") }), - ...inputs.map(({ c, box }) => - el("label", { - className: "m01-logic__field", - children: [el("span", { text: c }), box.root], - }), - ), - createButton({ - label: tn("Ok"), - onClick: () => { - for (const { c, box } of inputs) find.조건[c] = box.input.value.trim() || c; - win.close(); - done(find, label); - }, - }), - ]); - })(); - }); -} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Text.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_New_Text.ts deleted file mode 100644 index 272d234fb..000000000 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Text.ts +++ /dev/null @@ -1,71 +0,0 @@ -/* ============================================================================= - * M01_MasterData_UI_LogicLab_New_Text.ts - * 「식으로 새 로직 만들기」 글자 — [한국어, 영어] - * ========================================================================== */ - -import { currentLanguageIndex } from "@ui/ui_template_locale"; - -const TEXT = { - Open: ["식으로 새로 만들기", "New from formula"], - Title: ["식으로 새 로직 만들기", "New logic from a formula"], - Close: ["닫기", "Close"], - Step1: ["① 식 적기", "① Write the formula"], - Guide: [ - "한 줄에 「이름 = 식」 · 마지막 줄 왼쪽이 이 로직의 결과 · 「#」 로 시작한 줄은 건너뜀", - "One line each as “name = formula” · the last line's left side is the result · lines starting with # are skipped", - ], - Analyze: ["분석", "Analyze"], - Stale: ["식이 바뀌었음 — 다시 [분석] 을 눌러 주세요", "Formula changed — press Analyze again"], - Step2: ["② 변수 정하기", "② Decide each variable"], - Step3: ["③ 이름·단위", "③ Name and unit"], - Step4: ["④ 시험 계산 · 저장", "④ Trial calculation and save"], - Problems: ["고칠 곳", "To fix"], - Line: ["{n}번 줄", "Line {n}"], - AllGood: ["검사에 걸린 것 없음", "No problems found"], - Result: ["결과", "Result"], - Undecided: ["아직 정하지 않은 칸이 있음", "Some cells are not decided yet"], - Kind: ["무엇인가", "What is it"], - K_master: ["마스터 요소", "Master element"], - K_input: ["설계 입력", "Design input"], - K_fixed: ["고정값", "Fixed value"], - K_table: ["표 찾기", "Table lookup"], - Pick: ["고르기", "Pick"], - Repick: ["다시 고르기", "Pick again"], - NotPicked: ["아직 안 골랐음", "Not picked"], - Unit: ["단위", "Unit"], - Cost: ["비목", "Cost item"], - CostNone: ["넣지 않음", "None"], - CostExtra: ["덧줄 비목", "Extra-line cost item"], - Value: ["값", "Value"], - Note: ["설명", "Note"], - Derived: ["식으로 정해짐", "Set by the formula"], - SumName: ["비목 합 — 덧줄에서만 쓰는 이름", "Cost total — only for extra lines"], - Name: ["로직 이름", "Logic name"], - ResultUnit: ["결과 단위", "Result unit"], - Owner: ["소유", "Owner"], - Save: ["저장", "Save"], - Saved: ["저장했음 — 「{v}」", "Saved — “{v}”"], - SaveBlocked: ["위 고칠 곳을 먼저 고치세요", "Fix the problems above first"], - NeedHead: ["이름과 결과 단위를 적어야 시험 계산·저장이 됨", "Enter the name and result unit"], - Group: ["종류", "Kind"], - Sub: ["구분", "Group"], - Detail: ["상세구분", "Detail"], - All: ["(전체)", "(All)"], - Search: ["이름 찾기", "Search name"], - Count: ["{n} 개 중 앞 {m} 개", "first {m} of {n}"], - TableTitle: ["표 찾기 — 표와 조건", "Table lookup — table and conditions"], - TablePick: ["표 고르기", "Pick a table"], - TableCol: ["값 칸", "Value column"], - Cond: ["조건 — 표의 칸마다 식(설계 값 이름)", "Conditions — a formula per table column"], - Ok: ["확인", "OK"], - Cancel: ["취소", "Cancel"], - Failed: ["못 함", "Failed"], -} as const satisfies Record; - -export type NewTextKey = keyof typeof TEXT; - -export function tn(key: NewTextKey, fill: Record = {}): string { - const entry = TEXT[key]; - const text: string = entry[currentLanguageIndex as 0 | 1] ?? entry[0]; - return text.replace(/\{(\w+)\}/g, (m, k: string) => (k in fill ? String(fill[k]) : m)); -} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Var.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_New_Var.ts deleted file mode 100644 index 7cfb70d18..000000000 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_New_Var.ts +++ /dev/null @@ -1,178 +0,0 @@ -/* ============================================================================= - * M01_MasterData_UI_LogicLab_New_Var.ts - * 변수 한 칸 — 무엇인지(마스터 요소 / 설계 입력 / 고정값 / 표 찾기) · 단위 · 비목을 고름 - * 고른 것은 `decided[이름]` 에 쌓음(서버 계약 `_화면_계약.md` 7장의 `decided` 그대로) - * ========================================================================== */ - -import { createButton, createInputField, createSelectField, el } from "@ui/ui_template_elements"; -import type { DraftDecided, DraftVar } from "./M01_MasterData_UI_Logic_Api"; -import { openElementPick, openTablePick } from "./M01_MasterData_UI_LogicLab_New_Find"; -import { tn } from "./M01_MasterData_UI_LogicLab_New_Text"; - -export interface VarCtx { - decided: Record; - /** 고른 것이 바뀜 — 화면이 검사를 다시 부름 */ - onEdit: () => void; -} -export interface VarRow { - root: HTMLElement; - /** 서버가 다시 준 변수(식으로 정해진 단위 등)를 반영 */ - update: (v: DraftVar) => void; -} - -const KINDS: [string, () => string][] = [ - ["마스터요소", () => tn("K_master")], - ["설계입력", () => tn("K_input")], - ["고정값", () => tn("K_fixed")], - ["표찾기", () => tn("K_table")], -]; -const COSTS = ["노무비", "재료비", "경비"]; -/** 요소 종류 → 비목 첫 제안 */ -const COST_OF: Record = { 인력: "노무비", 재료: "재료비", 기계: "경비" }; - -const costOptions = (): { value: string; text: string }[] => [ - { value: "", text: tn("CostNone") }, - ...COSTS.map((c) => ({ value: c, text: c })), -]; - -const field = (label: string, control: HTMLElement): HTMLElement => - el("label", { - className: "m01-logic__field", - children: [el("span", { text: label }), control], - }); - -export function varRow(v: DraftVar, isResult: boolean, ctx: VarCtx): VarRow { - const name = v.이름; - const info = el("span", { className: "m01-logic__muted m01lab-new__derived" }); - const body = el("div", { className: "m01lab-new__var-body" }); - const root = el("div", { - className: "m01lab-new__var", - attrs: { "data-var": name }, - children: [ - el("div", { - className: "m01lab-new__var-head", - children: [el("strong", { text: name }), info], - }), - body, - ], - }); - const now = (): DraftDecided => (ctx.decided[name] ??= {}); - const set = (patch: DraftDecided): void => { - ctx.decided[name] = { ...now(), ...patch }; - for (const [k, val] of Object.entries(ctx.decided[name])) { - if (val === "" || val === undefined) delete (ctx.decided[name] as Record)[k]; - } - ctx.onEdit(); - }; - const text = (label: string, key: "단위" | "값" | "설명", wide = false): HTMLElement => { - const box = createInputField({ - type: "text", - value: now()[key] ?? "", - onInput: (val) => set({ [key]: val.trim() }), - }); - box.input.setAttribute("data-key", key); - const cell = field(label, box.root); - if (wide) cell.classList.add("m01lab-new__wide"); - return cell; - }; - - let picked = ""; // 마스터 요소·표 찾기에서 고른 것의 글 - const draw = (): void => { - const kind = now().무엇 ?? ""; - if (v.갈래 === "비목합") { - body.replaceChildren(el("span", { className: "m01-logic__muted", text: tn("SumName") })); - return; - } - if (v.갈래 === "정의됨") { - if (isResult) return body.replaceChildren(); - const cost = createSelectField({ - options: costOptions(), - value: now().비목 ?? "", - compact: true, - label: tn("CostExtra"), - onChange: (val) => set({ 비목: val }), - }); - body.replaceChildren(cost.root); - return; - } - const kindBox = createSelectField({ - options: [ - { value: "", text: "—" }, - ...KINDS.map(([value, label]) => ({ value, text: label() })), - ], - value: kind, - compact: true, - label: tn("Kind"), - onChange: (val) => { - ctx.decided[name] = val ? { 무엇: val, ...(now().단위 ? { 단위: now().단위 } : {}) } : {}; - picked = ""; - draw(); - ctx.onEdit(); - }, - }); - const parts: HTMLElement[] = [kindBox.root]; - if (kind === "마스터요소") { - const cost = createSelectField({ - options: costOptions(), - value: now().비목 ?? "", - compact: true, - label: tn("Cost"), - onChange: (val) => set({ 비목: val }), - }); - const choose = createButton({ - label: now().요소 ? tn("Repick") : tn("Pick"), - variant: "ghost", - onClick: () => - openElementPick((p) => { - picked = `${p.name} · ${p.ref}`; - set({ 요소: p.ref, 단위: p.unit, 비목: COST_OF[p.group] ?? now().비목 }); - draw(); - }), - }); - choose.setAttribute("data-act", "pick-element"); - parts.push( - el("div", { - className: "m01lab-new__picked", - children: [choose, el("span", { text: picked || now().요소 || tn("NotPicked") })], - }), - text(tn("Unit"), "단위"), - cost.root, - ); - } else if (kind === "설계입력") { - parts.push(text(tn("Unit"), "단위"), text(tn("Note"), "설명", true)); - } else if (kind === "고정값") { - parts.push(text(tn("Value"), "값"), text(tn("Unit"), "단위")); - } else if (kind === "표찾기") { - const choose = createButton({ - label: now().찾기 ? tn("Repick") : tn("TablePick"), - variant: "ghost", - onClick: () => - openTablePick((find, label) => { - picked = label; - set({ 찾기: find }); - draw(); - }), - }); - choose.setAttribute("data-act", "pick-table"); - parts.push( - el("div", { - className: "m01lab-new__picked", - children: [choose, el("span", { text: picked || tn("NotPicked") })], - }), - text(tn("Unit"), "단위"), - ); - } - body.replaceChildren(...parts); - }; - draw(); - - const update = (next: DraftVar): void => { - v = next; - info.textContent = - next.갈래 === "정의됨" - ? `${tn("Derived")}${next.단위 ? ` · ${next.단위}` : ""}` - : (next.단위 ?? ""); - }; - update(v); - return { root, update }; -} diff --git a/M01_MasterData/M01_MasterData_UI_LogicLab_Text.ts b/M01_MasterData/M01_MasterData_UI_LogicLab_Text.ts index 29a081d9a..283d7a063 100644 --- a/M01_MasterData/M01_MasterData_UI_LogicLab_Text.ts +++ b/M01_MasterData/M01_MasterData_UI_LogicLab_Text.ts @@ -81,7 +81,7 @@ const TEXT = { "지금 값으로는 걸린 줄이 없음 — 값을 바꿔 보거나, 이 표를 안 쓰는 갈래일 수 있음", "No row matches the current values — change them, or this table is on an unused branch", ], - Copy_Open: ["본떠 만들기", "Copy as mine"], + Copy_Open: ["로직 복사/생성", "Copy / create logic"], Copy_NeedOpen: ["먼저 로직을 고르세요", "Pick a logic first"], Copy_Title: ["복사해서 만들기", "Copy to edit"], Copy_Name: ["새 이름", "New name"], From 97f306a7aff773859670398af515fe9882920773 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Thu, 1 Oct 2026 23:27:33 +0900 Subject: [PATCH 4/4] =?UTF-8?q?chore(m01):=2036-1=20=ED=9D=90=EB=A6=84?= =?UTF-8?q?=EB=8F=84=20=EC=A0=81=EC=9A=A9=20=EC=98=9B=20=EC=8B=9D=20?= =?UTF-8?q?=EC=A1=B0=EC=82=AC=20=E2=80=94=20=ED=8C=8C=EC=84=9C=20=EC=9E=90?= =?UTF-8?q?=EB=A6=AC=20=C2=B7=201,472=20=EC=8B=9D=20=EB=A7=90=20=EC=A0=84?= =?UTF-8?q?=EC=88=98=20=C2=B7=20=EC=98=AE=EA=B8=B0=EA=B8=B0=20=EC=96=B4?= =?UTF-8?q?=EB=A0=A4=EC=9A=B4=20=EA=BC=B4=20=C2=B7=20=EA=B3=84=EC=82=B0=20?= =?UTF-8?q?=EA=B8=B8=20=EB=B6=80=EB=A5=B4=EB=8A=94=20=EA=B3=B3=20=C2=B7=20?= =?UTF-8?q?=EC=8B=9C=ED=97=98=EC=9E=85=EB=A0=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Opus 5.5 Claude-Session: https://claude.ai/code/session_01BU9gbNE3aWFUvE61pS2WGt --- docs/raw/M01_쉬운단가/흐름도_적용_조사.md | 121 ++++++++++++++++++++++ 1 file changed, 121 insertions(+) create mode 100644 docs/raw/M01_쉬운단가/흐름도_적용_조사.md diff --git a/docs/raw/M01_쉬운단가/흐름도_적용_조사.md b/docs/raw/M01_쉬운단가/흐름도_적용_조사.md new file mode 100644 index 000000000..c2672300d --- /dev/null +++ b/docs/raw/M01_쉬운단가/흐름도_적용_조사.md @@ -0,0 +1,121 @@ +# 흐름도 본 프로그램 적용 — 36-1 옛 식 조사 (sub6 · 읽기만) + +근거 = 마스터 로직 파일 57 개 · 로직 줄 **1,472**(자체 `로직_자체.json` 포함) · 식을 지금 서버 파서(`master_formula.parse`)로 전부 읽음 — **못 읽는 식 0** · 파일 안 씀. +수 칸 = 「나온 수(식 마디 수) / 그 꼴이 든 로직 수」 · 예 = 키 + 식 앞부분. + +## ① 옛 식을 푸는 서버 코드 + +| 무엇 | 자리 | +| --- | --- | +| 식 문법 · 파서(`_Parser` — 또는 → 그리고 → 비교 → + - → * / → 부호 · `.칸` → 기본) | `resources/master_data/scripts/master_formula.py:56`(`parse` :225 · 함수 목록 `FUNCS` :23 = 만약 · 올림 · 버림 · 반올림 · 최소 · 최대 · 비교 `_OPS` :27) | +| 기본 마디 — `( )` · `'글'` · 수 · `찾기(표, 조건=값…)` · `로직(키, 넘길=값…)` · 함수 · 요소 키(`LB000002`) · `ID:원문번호{입력}`(`EQ:{기계}`) · 이름 | 같은 파일 `primary` :185 · 요소 키 판정 `mk.KEY`(`master_keys.py`) | +| 셈(나무 풀기) — 이름 · 요소 값 · 찾기 · 로직 부름 · 함수 · 사칙 · 비교 · 그리고 / 또는(지름길) | `master_formula.py:385` `evaluate` | +| 표 찾기 — 빈 조건 칸 = 무엇이든 · 범위규칙(초과·이하 · 이상·이하 · 이상·미만 · 이하) · 여러 줄이면 위 끝 최소 · 찾는 칸 있는 줄 | `master_formula.py:331` `_match` · `:362` `find` | +| 로직 한 줄 셈 — 입력 검사 → 중간 차례 → 결과 식 또는 호표 줄(수량 × 단가 · 로직 줄은 비목 나눔) → 덧줄(앞 줄까지 비목 합) → 끝수 | `master_formula.py:538` `run` · 입력 `_inputs` :489 · 빈 가격 입력 `fill_empty` :479 · 끝수 `cut` :468 · `{입력}` 채우기 `fill` :314 | +| 요소 값 · 재료 단가 | `master_material.py:238` `element` · `master_pick.py:130` `priced` · `:123` `pick`(검색어 묶음 → 품목) | +| 정적 검사(저장 때) | `master_formula.py:744` `check_logic` · `M01_MasterData_Store_Cache.py:69` `_check` | +| M01 셈 진입 | `M01_MasterData/M01_MasterData_Store.py:543` `calc`(사본 읽기 → 줄 바꿔 끼움 `_swap` :524 → `cm.calc`) · `:572` `text`(읽는 식 줄 `master_text.py:493 lines`) · `:563` `auto`(견본 입력) | +| 일괄 | `check_master.py:174` `calc` · `:511` `calc_all`(시험입력으로 전 로직) | + +## ② 1,472 로직 식 말 전수 + +| 꼴 | 나온 수 | 로직 수 | 예(3) | +| --- | --- | --- | --- | +| 따옴표 글 | 12,536 | 1,085 | GC000994 `로직(GC000276, 기계='5401-0017', 지역=지역)` · GC000996 `로직(GC000273, 기계='6105-0190')` · GC000997 `로직(GC000273, 기계='6516-0060')` | +| 이름 = 입력 | 10,815 | 1,178 | GC000994 `찾기(QC001863, 지반구분=지반구분).시공량` · GC000996 `만약(작업위치 == '경사면(고소작업차)', 찾기(QC001865).'고소작업차(5ton)' * 8 / 시공량, 0)` · GC000997 `로직(GC000268, 기계=크레인, 지역=지역)` | +| 찾기(…).칸 | 8,156 | 1,401 | GC000994 `찾기(QC001863, 지반구분=지반구분).시공량` · GC000995 `찾기(QC001864).시공량` · GC000996 `찾기(QC001865).시공량` | +| 찾기(표 · 조건) | 8,156 | 1,401 | GC000994 `찾기(QC001863, 지반구분=지반구분).시공량` · GC000995 `찾기(QC001864).시공량` · GC000996 `찾기(QC001865).시공량` | +| 사칙 * | 7,697 | 1,037 | GC000994 `찾기(QC000237).크롤러드릴_공기식 * 8 / 시공량` · GC000996 `찾기(QC001865).'그라우팅 믹서(190×2ℓ)' * 8 / 시공량` · GC000997 `찾기(QC001866).크레인 * 8 / 시공량` | +| 이름 = 중간값 | 7,367 | 1,184 | GC000994 `찾기(QC000237).보링공 / 시공량` · GC000995 `찾기(QC001864).철근공 / 시공량` · GC000996 `찾기(QC001865).보링공 / 시공량` | +| 사칙 / | 3,824 | 1,019 | GC000994 `찾기(QC000237).보링공 / 시공량` · GC000995 `찾기(QC001864).철근공 / 시공량` · GC000996 `찾기(QC001865).보링공 / 시공량` | +| 비교 == | 3,736 | 451 | GC000996 `만약(작업위치 == '경사면(고소작업차)', 찾기(QC001865).'고소작업차(5ton)' * 8 / 시공량, 0)` · GC000999 `만약(시공구분 == '기계시공', 찾기(QC001868, 시공구분=시공구분, 수종=수종, 흉고직경=흉고직경).고소작업차 * 8` · GC001000 `만약(시공구분 == '기계시공', 찾기(QC001869, 시공구분=시공구분, 수종=수종, 흉고직경=흉고직경).고소작업차 * 8` | +| 함수 만약 | 3,541 | 477 | GC000996 `만약(작업위치 == '경사면(고소작업차)', 찾기(QC001865).'고소작업차(5ton)' * 8 / 시공량, 0)` · GC000999 `만약(시공구분 == '기계시공', 찾기(QC001868, 시공구분=시공구분, 수종=수종, 흉고직경=흉고직경).고소작업차 * 8` · GC001000 `만약(시공구분 == '기계시공', 찾기(QC001869, 시공구분=시공구분, 수종=수종, 흉고직경=흉고직경).고소작업차 * 8` | +| 호표 요소 = 키(인력) | 3,451 | 1,369 | GC000994 `LB000014` · GC000995 `LB000008` · GC000996 `LB000014` | +| 사칙 + | 3,094 | 668 | GC000996 `(보링공 * LB000014 + 기계설비공 * LB000051 + 특별인부 * LB000003) * 11 / 100` · GC000997 `(중급기술자 * LB000286 + 보링공 * LB000014 + 특별인부 * LB000003 + 보통인부 * LB000002` · GC000998 `(철공 * LB000009 + 보통인부 * LB000002) * 3 / 100` | +| 로직(다른 로직 부르기) | 1,116 | 506 | GC000994 `로직(GC000276, 기계='5401-0017', 지역=지역)` · GC000996 `로직(GC000273, 기계='6105-0190')` · GC000997 `로직(GC000268, 기계=크레인, 지역=지역)` | +| 로직 넘길 값 있음 | 1,089 | 506 | GC000994 `로직(GC000276, 기계='5401-0017', 지역=지역)` · GC000996 `로직(GC000273, 기계='6105-0190')` · GC000997 `로직(GC000268, 기계=크레인, 지역=지역)` | +| 호표 요소 = 로직 부르기(장비 · 일위대가) | 1,075 | 506 | GC000994 `로직(GC000276, 기계='5401-0017', 지역=지역)` · GC000996 `로직(GC000273, 기계='6105-0190')` · GC000997 `로직(GC000268, 기계=크레인, 지역=지역)` | +| 호표 비목 없음(로직 줄 → 비목 나눔) | 1,075 | 506 | GC000994 `로직(GC000276, 기계='5401-0017', 지역=지역)` · GC000996 `로직(GC000273, 기계='6105-0190')` · GC000997 `로직(GC000268, 기계=크레인, 지역=지역)` | +| 찾기 조건 없음(표 한 줄) | 1,022 | 286 | GC000994 `찾기(QC000237).보링공 / 시공량` · GC000995 `찾기(QC001864).시공량` · GC000996 `찾기(QC001865).시공량` | +| 요소 키 부르기(인력) | 924 | 393 | GC000996 `(보링공 * LB000014 + 기계설비공 * LB000051 + 특별인부 * LB000003) * 11 / 100` · GC000997 `(중급기술자 * LB000286 + 보링공 * LB000014 + 특별인부 * LB000003 + 보통인부 * LB000002` · GC000998 `(철공 * LB000009 + 보통인부 * LB000002) * 3 / 100` | +| 호표 요소 = 재료 고르기 묶음(구분 · 상세구분 · 검색어) | 673 | 231 | GC000319 `{"구분": "도료·방수·접착", "상세구분": "도료", "검색어": "융착식 프라이머"}` · GC000337 `{"구분": "철근·강재", "상세구분": "철망·와이어메쉬", "검색어": "철망 Φ3.2."}` · GC000723 `{"구분": "잡재료", "상세구분": "용접·가스", "검색어": ""}` | +| 논리 또는 | 297 | 35 | GC000346 `(만약(공법군 == '발파굴착A군' 또는 공법군 == '기계굴착A군', 착암공인원, 0)) * 배율` · GC000111 `만약(토질_암분류 == '호박돌 섞인 고결토･경질토' 또는 토질_암분류 == '풍화암', 로직(GC000267, 기계='020` · GC001136 `찾기(QC002058, '규격(㎜)범위'=만약(규격 == 'ø15' 또는 규격 == '20' 또는 규격 == '25' 또는 규` | +| 사칙 - | 273 | 156 | GC000998 `찾기(QC001867).시공량 * (1 - (수직고초과단계 * 9 - 경사가산) / 100)` · GC001008 `찾기(QC001880, 기계구분=기계구분).시공량 * (1 - (-만약(연간시공횟수 == '연3회 이상', 0, 찾기(QC00` · GC001009 `찾기(QC001883).시공량 * (1 - (-만약(연간시공횟수 == '연3회 이상', 0, 찾기(QC001884, 연간시공횟` | +| 논리 그리고 | 199 | 23 | GC001120 `만약(부위 == '뿜칠재' 그리고 뿜칠면 == '콘크리트면', 1.2, 1)` · GC000753 `찾기(QC001431, '배관규격(mm)'=배관규격, 보온재=보온재, 보온두께=보온두께).시공량 * (1 + (0 - 만약(설` · GC000769 `만약((규격 >= 15 그리고 규격 <= 25) 또는 (규격 >= 32 그리고 규격 <= 50), 0, 찾기(QC001447,` | +| 시험입력 있음 | 195 | 0 | | +| 요소키.칸(요소 칸 값) | 160 | 49 | GC001043 `EQ000532.주연료2 * 찾기(QC001933, 맨홀구분=맨홀구분).'모르타르 믹서(0.3㎥)' * 8 / 시공량` · GC000137 `찾기(QC000264).IC진동롤러_자주식 * 8 * EQ000098.주연료 * 찾기(QC000270, 구분='주연료 할증')` · GC000138 `EQ:{장비}.주연료종류` | +| 이름 = 비목 합(노무비 · 재료비 · 경비) | 153 | 146 | GC000722 `노무비 * 기계경비율 / 100` · GC000723 `노무비 * 기계경비율 / 100` · GC000724 `노무비 * 기계경비율 / 100` | +| 비교 <= | 123 | 36 | GC000570 `만약(층수 <= 10, 0, 만약(층수 <= 15, 4, 4 + 올림((층수 - 15) / 5)))` · GC000346 `만약(갱구거리 <= 500, 0, 찾기(CC000077, 갱구에서뚫기점까지의거리=갱구거리).할증률)` · GC000185 `만약(타설깊이 <= 25, 찾기(QC000348, L='25이하').t_1, 만약(타설깊이 <= 30, 찾기(QC000348,` | +| 함수 최대 | 122 | 43 | GC000750 `올림(최대(댐퍼면적 - 0.1, 0) / 0.1)` · GC000373 `최대(찾기(CC000125, 형식=만약(형식 == '박스거더' 또는 형식 == '강바닥판 박스거더', '박스거더', '박스거더` · GC000203 `최대(만약(용도 == '신구-콘크리트 접착제바르기', 찾기(QC000412, 용도=용도, 재료명='Epoxy신구-콘크리트접착제` | +| 비교 > | 99 | 44 | GC000575 `찾기(QC001210, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` · GC000576 `찾기(QC001212, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` · GC000580 `찾기(QC001218, '시공높이(m)'=최소(시공높이m, 7.2), '블록규격(mm)'=블록규격mm, 마감=마감).시공량 *` | +| 요소 부르기 ID:원문번호(+{입력}) | 84 | 14 | GC000138 `EQ:{장비}.주연료종류` · GC000139 `EQ:{장비}.주연료종류` · GC000267 `버림(EQ:{기계}.가격 * 1000 * ((EQ:{기계}.상각비계수 + EQ:{기계}.정비비계수) * (1 + 가산비율 / ` | +| 요소 키 부르기(기계) | 78 | 37 | GC001043 `EQ000532.주연료2 * 찾기(QC001933, 맨홀구분=맨홀구분).'모르타르 믹서(0.3㎥)' * 8 / 시공량` · GC000137 `찾기(QC000264).IC진동롤러_자주식 * 8 * EQ000098.주연료 * 찾기(QC000270, 구분='주연료 할증')` · GC000140 `EQ000004.주연료종류` | +| 찾기 조건 값이 식 | 70 | 33 | GC001008 `(특별인부 * LB000003 + 보통인부 * LB000002 + 그물막인부 * LB000002) * 찾기(QC001882, ` · GC000575 `찾기(QC001210, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` · GC000576 `찾기(QC001212, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` | +| 함수 올림 | 67 | 53 | GC000570 `만약(층수 <= 10, 0, 만약(층수 <= 15, 4, 4 + 올림((층수 - 15) / 5)))` · GC000750 `올림(최대(댐퍼면적 - 0.1, 0) / 0.1)` · GC000575 `찾기(QC001210, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` | +| 호표 요소 = 자리 표시 {입력}(LB:{직종} 등) | 66 | 57 | GC000559 `LB:{공수직종}` · GC001043 `MO:휘발유:{지역}` · GC000137 `MO:경유:{지역}` | +| 함수 최소 | 51 | 18 | GC000575 `찾기(QC001210, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` · GC000576 `찾기(QC001212, '시공높이(m)'=최소(시공높이m, 7.2), 벽두께=벽두께).시공량 * (1 - (만약(시공높이m >` · GC000580 `찾기(QC001218, '시공높이(m)'=최소(시공높이m, 7.2), '블록규격(mm)'=블록규격mm, 마감=마감).시공량 *` | +| 빼기 부호(-x) | 47 | 28 | GC001008 `찾기(QC001880, 기계구분=기계구분).시공량 * (1 - (-만약(연간시공횟수 == '연3회 이상', 0, 찾기(QC00` · GC001009 `찾기(QC001883).시공량 * (1 - (-만약(연간시공횟수 == '연3회 이상', 0, 찾기(QC001884, 연간시공횟` · GC001012 `찾기(QC001889).시공량 * (1 - (-살포량증감) / 100)` | +| 비교 < | 46 | 26 | GC000561 `만약(층수층 < 6, 찾기(CC000157, '강재사용량(㎏/㎡)'=강재사용량).'보정치(a)' * 찾기(CC000159, '` · GC000564 `만약(강재총사용량 < 300, 1, 찾기(CC000165, '강재총사용량(t)'=강재총사용량, '1t당 볼트본수(본)'=볼트본` · GC000101 `만약(수심증감 == '적용 안 함', 0, 만약(수심 < 2.5, 0 - 찾기(QC000204, 수심=수심).감, 만약(수심 ` | +| 함수 반올림 | 42 | 41 | GF000003 `반올림(3600 * q * K * f * E / Cm, 3)` · GF000042 `반올림(3600 * q * K * f * E / Cm, 3)` · GF000088 `반올림(3600 * q * K * f * E / Cm, 3)` | +| 재료 묶음에 {입력} | 32 | 19 | GC000264 `{"구분": "레미콘", "상세구분": "레미콘", "검색어": "레미콘 {굵은골재최대치수}-{강도}-{슬럼프}"}` · GC000431 `{"구분": "기계·설비", "상세구분": "기계류", "검색어": "싱글코아바렐 {규격}"}` · GC000432 `{"구분": "기계·설비", "상세구분": "기계류", "검색어": "더블코아바렐 {규격}"}` | +| 함수 버림 | 32 | 17 | GC000267 `버림(EQ:{기계}.가격 * 1000 * ((EQ:{기계}.상각비계수 + EQ:{기계}.정비비계수) * (1 + 가산비율 / ` · GC000268 `버림(EQ:{기계}.가격 * 1000 * ((EQ:{기계}.상각비계수 + EQ:{기계}.정비비계수) + EQ:{기계}.관리비계` · GC000269 `버림(EQ:{기계}.가격 * 1000 * ((EQ:{기계}.상각비계수 + EQ:{기계}.정비비계수) * (1 + 가산비율 / ` | +| 결과 식 로직(돈 아님) | 27 | 27 | GC000422 `a * E` · GF000003 `반올림(3600 * q * K * f * E / Cm, 3)` · GF000042 `반올림(3600 * q * K * f * E / Cm, 3)` | +| 요소 키 부르기(재료) | 23 | 8 | GC000360 `((찾기(QC000648, 품명='아세틸렌', 레일규격=레일규격).수량) * MT003163 + (찾기(QC000648, 품명` · GC000361 `((찾기(QC000650, 품명='테르밋용재', 레일규격=레일규격, 규격='점화용').수량) * MT030628 + (찾기(Q` · GC000374 `(찾기(QC000664, 품명='용접봉').수량 * MT003191 + 찾기(QC000664, 품명='산소').수량 * 100` | +| 비교 >= | 21 | 11 | GC000101 `만약(수심증감 == '적용 안 함', 0, 만약(수심 < 2.5, 0 - 찾기(QC000204, 수심=수심).감, 만약(수심 ` · GC000769 `만약((규격 >= 15 그리고 규격 <= 25) 또는 (규격 >= 32 그리고 규격 <= 50), 0, 찾기(QC001447,` · GC000774 `만약((규격 >= 15 그리고 규격 <= 25) 또는 (규격 >= 32 그리고 규격 <= 50), 0, 찾기(QC001452,` | +| 로직(…).칸(비목 · 계) | 14 | 11 | GC000087 `로직(GC000271, 기계='0201-0100', 브레이커='0230-0010', 지역=지역, 보정작업=보정작업).계 * (` · GC000090 `로직(GC000271, 기계='0201-0100', 브레이커='0230-0010', 지역=지역, 보정작업=보정작업).계 * (` · GC000091 `로직(GC000268, 기계='5405-0110', 지역=지역).계 * (찾기(QC000189).유압식크롤러드릴)` | +| 비교 != | 12 | 8 | GC000068 `만약(작업 != '목재 붙이기', 찾기(QC000143, 구분='보통인부', 작업=작업).수량, 0)` · GC000176 `만약(비트 != '오거비트', 해머압축기대수 * T / 60, 0)` · GC000183 `만약(재질 != '토사', T1 / T * T / 60, 0)` | +| 줄.'호표 이름'(호표 줄 금액) | 7 | 3 | GC000211 `(줄.'합판(내수 12㎜)' + 줄.'각재') * 찾기(QC000428, 사용횟수=사용횟수).소모자재 / 100` · GF000185 `(노무비 + 재료비 + 경비 - 줄.'구체콘크리트(철근) 레미콘') * 찾기(QF000387, 구분='구체콘크리트(철근) - ` · GF000210 `(줄.'패널' + 줄.'내부패널') * 찾기(QF000418, 구분=유형).요율 / 100` | +| 로직 넘길 값이 식 | 5 | 5 | GC000332 `로직(GC000267, 기계=만약(형식 == 'A-Type', '0201-0040', '0201-0020'), 지역=지역, 보` · GF000294 `로직(GC000268, 기계=만약(근원직경 < 20, '2105-0010', 만약(찾기(QF000063, '근원직경(cm)'=` · GF000297 `로직(GC000268, 기계=만약(흉고직경 < 18, '2105-0010', 만약(찾기(QF000081, '흉고직경(cm)'=` | +| (글자) 이름( 꼴(함수 아닌 이름 뒤 괄호) | 1,177 | — | GC000996 `찾기(QC001865).'그라우팅 믹서(190×2ℓ)' * 8 / 시공량` · GC000996 `찾기(QC001865).'그라우팅 펌프(30∼60ℓ/min)' * 8 / 시공량` · GC000996 `만약(작업위치 == '경사면(고소작업차)', 찾기(QC001865).'고소작업차(5ton)' * 8 / 시공량, 0)` | +| (글자) ∼ · ~ 물결 | 63 | — | GC000996 `찾기(QC001865).'그라우팅 펌프(30∼60ℓ/min)' * 8 / 시공량` · GC001026 `찾기(QC001905, 절단폭=절단폭, 차로차단=차로차단).'굴착기+브레이커(0.2㎥~0.6㎥)' * 8 / 시공량` · GC000573 `찾기(QC001207, 구분='그라우팅펌프', 규격='40∼125(ℓ/min)').수량` | +| (글자) % 글자 | 62 | — | GC000298 `찾기(QC000519, 포장=포장).시공량 * (1 - 만약(포장 == '공항포장', 만약(지장물 == '연속 포설 불가', ` · GC000299 `찾기(QC000520, 포장=포장).시공량 * (1 - 만약(포장 == '공항포장', 만약(지장물 == '연속 포설 불가', ` · GC000303 `찾기(QC000524, 형식=형식).시공량 * (1 - 만약(유도블록 == '아님', 0, 찾기(QC000583, 구분='유도` | +| (글자) {} 자리 표시 | 50 | — | GC000138 `EQ:{장비}.주연료종류` · GC000138 `1 * 8 / 시공량 * EQ:{장비}.주연료 * 찾기(QC000266, 구분='주연료 할증').값 / 100` · GC000139 `EQ:{장비}.주연료종류` | +| (글자) & 글자 | 53 | — | GC000931 `(찾기(QC001700, 공정별='Draft tube설치 가설된 Concrete tube에 이어서 Leveling & Cent` · GC000931 `(찾기(QC001700, 공정별='소운반').비계공 + 찾기(QC001700, 공정별='Draft tube설치 가설된 Conc` · GC000931 `(찾기(QC001700, 공정별='Draft tube설치 가설된 Concrete tube에 이어서 Leveling & Cent` | +- 「요소 부르기 꼴 `보통인부(…)`」 — **문법에 없음**(이름 뒤 괄호는 함수 · 찾기 · 로직만). 글자로 1,177 번 보이는 「이름(」 은 모두 따옴표 칸 이름 안(`찾기(…).'고소작업차(5ton)'`). 요소는 키로만 부름(`LB000006` · `EQ000532.주연료2` · `EQ:{기계}.가격`). +- `&` · `∼`/`~` · `%` · `{ }` 글자 — `&` · `∼` · `%` 는 모두 따옴표 글(조건 값 · 칸 이름) 안 · `{ }` 는 `ID:원문번호{입력}` 와 재료 검색어 · 자리 표시 안(아래 ③). +- 끝수 — 1,472 중 묶음(`{대상, 자리, 방법}`) **0** · 설명 글 37 · 없음 1,435 → 엔진이 끝수를 실제로 붙이는 로직은 지금 없음(덧줄 · 함수 안 `반올림(…)` 으로 씀). +- 표 — 로직이 찾는 표 1,865 · 범위 조건이 있는 표 106(범위규칙 글 40 꼴 — 첫 낱말은 넷뿐) · 값 칸에 「1/1.30」 같은 식 글이 든 표 104(엔진이 식으로 풂). + +## ③ 흐름도로 옮기기 어려운 꼴 + +| 꼴 | 수(마디 / 로직) | 왜 어려운가 | 이렇게 옮기면 됨 | +| --- | --- | --- | --- | +| 요소 칸 값 `EQ000532.주연료2` · `EQ000098.주연료` | 160 / 49 | 요소의 값이 아니라 **요소의 다른 칸**(기계 주연료 · 가격 · 계수) | 입력 상자 「기계」 요소 알약을 칸별로(바깥 값 「기계 key + field」 — Api 에 이미 있음 `CfQuery 기계 field`) | +| `ID:원문번호{입력}` — `EQ:{기계}.가격` · `EQ:{장비}.주연료` | 84 / 14 | 부를 요소가 **입력값에 따라 바뀜**(기계경비 로직 GC000267 등 핵심 로직) | 「재료 자리」 처럼 「기계 자리」(선택 자리 · 입력 알약 값으로 키 고름) — 지금 흐름도에 없음 → **새 입력 방식 필요(⬜ 브레인)** · 그 전엔 「다른 로직 입력」 으로 기계경비 로직을 통째로 부름 | +| 호표 요소 자리 표시 `LB:{공수직종}` · `MO:경유:{지역}` | 66 / 57 | 노임 직종 · 유가 지역이 입력값에 따라 바뀜 | 같은 「선택 자리」(인력 · 유가전력) — 재료 방식 셋을 다른 그룹에도 | +| 재료 묶음 검색어에 `{입력}` — `레미콘 {굵은골재최대치수}-{강도}-{슬럼프}` | 32 / 19 | 검색어가 입력값으로 만들어짐 | 재료 「조건 찾기」(이름 / 규격에 알약 값) — 알약 여럿을 이어 붙인 글이 필요 → 함수 상자로 글을 만들어 조건 알약으로 | +| 호표 로직 줄(비목 없음) `로직(GC000267, 기계='0201-0020', 지역=지역)` | 1,075 / 506 | 한 줄 금액이 **노무비 · 재료비 · 경비 셋으로 나뉨** | 다른 로직 입력 상자의 출력 알약 셋(노무비 · 재료비 · 경비) × 수량 함수 셋 → 출력 셋 | +| 로직 넘길 값이 식 `기계=만약(형식 == 'A-Type', '0201-0040', …)` | 5 / 5 | 넘길 값이 조건으로 바뀜 | 함수 상자(IF)로 값을 만들어 다른 로직의 받는 알약에 선 | +| 찾기 조건 값이 식 `'시공높이(m)'=최소(시공높이m, 7.2)` | 70 / 33 | 조건 값이 계산값 | 함수 상자로 먼저 셈 → 「표에서 찾기」 조건 알약에 그 출력 | +| 덧줄의 비목 합 `노무비 * 기계경비율 / 100` | 153 / 146 | 바탕이 **앞 줄까지의 비목 합**(덧줄이 덧줄을 바탕으로 쓸 수 있음) | 출력 상자 비목별 모음 함수(앞 줄 차례대로) → 비율 함수 · 앞 덧줄도 받는 알약으로 | +| 호표 줄 금액 `줄.'합판(내수 12㎜)'` | 7 / 3 | 특정 호표 줄 금액을 다시 씀 | 그 줄 금액 함수 출력에서 선 | +| 로직 결과 칸 `로직(…).계` | 14 / 11 | 다른 로직 돈 결과의 한 칸 | 다른 로직 입력의 그 비목 · 계 알약 | +| 표 한 줄(조건 없는 찾기) `찾기(QC001864).시공량` | 1,022 / 286 | 조건이 없어 「줄 하나」 표 | 「표에서 찾기」 조건 없이 칸만(표 첫 줄) — 줄이 둘 이상이면 옛 엔진도 오류 | +| 범위 조건 표(범위규칙 넷 · 위 끝 최소) | 표 106 | 엑셀 한 식으로 쓰기 어려움(빈 칸 = 무엇이든 · 규칙별 경계) | 선 규칙 「표에서 찾기」 가 엔진 `find` 와 같은 뜻으로(줄마다 맞음 칸 + INDEX/MATCH — 옛 가져오기에서 쓴 꼴) | +| 표 값의 식 글 「1/1.30」 | 표 104 | 엔진은 글을 식으로 풂 · 엑셀은 글 | 서버가 표 블록을 줄 때 수로 바꿔 줌 | +| 결과 식 로직(돈 아님) | 27 / 27 | 출력이 비용 아님 | 출력 종류 「값」 | +| 빈 입력 · 표에 없는 조건 | — | 엔진은 **그 줄만 비우고** 계속(합에서 뺌) | 흐름도 「끊긴 곳」 + 그 출력 0 으로 셈(같은 합) | + +## ④ 계산 길(로직 셈)을 부르는 곳 + +| 어디 | 무엇 | 자리 | +| --- | --- | --- | +| 서버 `POST /api/m01/calc` | 시험 계산(화면 · 저장 전 줄 포함) | `M01_MasterData_Router.py:222` → `Store.calc` :543 | +| 서버 `POST /api/m01/text` | 읽는 식 줄(텍스트 수식) | `M01_MasterData_Router.py:228` → `Store.text` :572 | +| 서버 `GET /api/m01/logic/auto` | 견본 입력값 | `M01_MasterData_Router.py:192` → `Store.auto` :563 → `master_auto.values` :80 | +| 화면 M01 단가산출 시험 계산 | `/calc` · `/text` · `/logic/auto` | `M01_MasterData_UI_Logic_Api.ts:224 · :229 · :245` · 부름 `M01_MasterData_UI_Logic_Calc.ts:142 · :155 · :184` | +| 서버 일위대가 조합 미리보기 | 조합에 담긴 로직마다 셈 | `M01_MasterData_Store_Combo.py:259 combo_preview` → `master_combo.py:106 run`(:128 `mf.run`) · M02 `POST /api/m02/layers/{layer}/combos/preview` `M02_MasterTemplete_Router_Combos.py:195` → `M02_MasterTemplete_Combo_Store.py:193` | +| 서버 프로젝트 사본 계산 | 프로젝트 항목 단가(복사본 표 · 노임) | `POST /api/m02/projects/{id}/items/{folder}/calc` `M02_Project_Items_Router.py:178` → `M02_Item_Copy.py:326` → `M02_Item_Prices.py:211`(:230 `mf.run`) · 화면 `ui_template/ui_template_item_picker_project.ts:218` | +| 흐름도 서버 | 단가 · 다른 로직 값(호표 한 줄 견본 로직으로 옛 셈 부름) | `M02_DF_Values.py:68 · :105 · :229 · :262`(`store.calc`) · `M02_DF_Router.py:216 logic_value`(흐름도 셈 `M02_DF_Compute`) | +| 옛 시험판 서버(CostFlow · 남김) | 같은 꼴 | `M02_CF_Router.py:230 · :267 · :390 · :421` | +| 일괄 · 대조 스크립트 | 전 로직 시험 계산 · 견적 대조 | `check_master.py:511 calc_all` · `compare_estx.py:258 · :456` · `master_text.py:504` | + +갈래(정함 4)를 넣을 곳 = **`Store.calc` · `Store.text` 둘**(M01 화면 · 흐름도 값이 모두 여기를 지남) + 조합 미리보기 `master_combo.run` · 프로젝트 `M02_Item_Prices.calc`(이 둘은 `mf.run` 을 바로 부름 — 흐름이 있는 로직을 거르려면 여기도). + +## ⑤ 시험입력 · 기본 입력 + +- 줄에 `시험입력` 이 있는 로직 **195**(1,472 중) — 일부 입력만 적힘(예 GF000219 `{"높이": 4.0, "돌": "깬잡석"}`). +- 기본 입력 만드는 법이 **둘**이고 범위에서 갈림: + - 일괄 시험(`check_master.py:496 시험입력`) — 고르기 첫 값 · 범위 **위 끝** · 그 밖 1 · 줄의 `시험입력` 이 이김. + - 화면 견본(`master_auto.py:80 values` · `/logic/auto`) — 고르기 첫 값 · 범위 **아래 끝** · 그 밖 = 그 입력으로 찾는 표의 가장 낮은 값(없으면 나누는 수면 1 · 아니면 0) · 단위에 「원」 이면 비움. +- 전수 대조(정함 3)는 **`check_master.시험입력`**(일괄 시험과 같은 값) 을 쓰는 것을 권함 — 흐름도 변환의 변수 예시값도 같은 규칙으로(⬜ 브레인 정함 필요: 화면 견본과 범위 끝이 다름).