개발관리>PART 등록·조회 메뉴 신설 (PR-A) — wace partMng 1:1 이식

backend (M1+M2):
- devPartService: listTemp/listRelease/getByObjid/create/update/deploy/removeMany
- partMngBaseSimple SELECT + 추가 15컬럼(acctfg/odrfg/unit_dc/unitmang_dc/lot_fg 등) 라벨/CASE
- deploy 트랜잭션 3단계 (isLastInit → part_mng_history INSERT → partMngDeploy + EO_NO 채번)
- EO_NO 분기: is_longd='1'→EOB{yy}-{seq} / else EO{yy}-{seq}
- objidUtil: wace CommonUtils.createObjId() 1:1 (bigint objid 채번)
- DDL: 9 신규 테이블 + part_mng 15컬럼 ALTER (운영판 1:1 추출)

frontend (M1+M2):
- part-regist (M1) / part-search (M2): 23셀 그리드 + 검색폼 + 액션
- PartFormDialog: 등록/수정 통합 (mode prop, 4 섹션)
- PartDetailDialog: 읽기 전용 + "수정" dispatch
- AdminPageRenderer dynamic 임포트 2건 + menu_info URL spec 정렬

본 PR 제외 (별 PR): 도면 다중 업로드, ERP 업로드, Excel Import, BOM_PART_QTY R/W

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/components/development/PartDetailDialog.tsx

@@ -0,0 +1,177 @@
+"use client";
+
+// 개발관리 > PART 상세 조회 다이얼로그 (read-only).
+// 행 더블클릭 진입. "수정" 버튼 클릭 시 PartFormDialog(mode='edit')로 전환은
+// 호출 페이지가 dispatch (open=false → 부모가 form dialog 오픈).
+
+import React, { useEffect, useState } from "react";
+import {
+  Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Label } from "@/components/ui/label";
+import { Loader2, Pencil } from "lucide-react";
+import { toast } from "sonner";
+import { devPartApi, PartRow } from "@/lib/api/devPart";
+
+interface Props {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  objid: string | null;
+  /** "수정" 버튼 클릭 시 호출 — 부모는 본 다이얼로그 닫고 PartFormDialog(mode='edit')를 띄움 */
+  onEdit?: (objid: string) => void;
+}
+
+export function PartDetailDialog({ open, onOpenChange, objid, onEdit }: Props) {
+  const [row, setRow] = useState<PartRow | null>(null);
+  const [loading, setLoading] = useState(false);
+
+  useEffect(() => {
+    if (!open || !objid) return;
+    let alive = true;
+    setLoading(true);
+    devPartApi.detail(objid)
+      .then((data) => { if (alive) setRow(data); })
+      .catch((e: any) => {
+        toast.error(e?.response?.data?.message ?? e?.message ?? "조회 실패");
+        onOpenChange(false);
+      })
+      .finally(() => { if (alive) setLoading(false); });
+    return () => { alive = false; };
+  }, [open, objid, onOpenChange]);
+
+  if (!open) return null;
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-5xl">
+        <DialogHeader>
+          <DialogTitle>PART 상세 정보</DialogTitle>
+        </DialogHeader>
+
+        {loading || !row ? (
+          <div className="flex h-64 items-center justify-center">
+            <Loader2 className="h-6 w-6 animate-spin" />
+          </div>
+        ) : (
+          <div className="max-h-[70vh] space-y-4 overflow-y-auto px-1 py-2 text-sm">
+            <Section title="기본정보">
+              <Row>
+                <V label="품번" value={row.part_no} />
+                <V label="품명" value={row.part_name} />
+                <V label="범주" value={row.part_type_title} />
+              </Row>
+              <Row>
+                <V label="단위" value={row.unit_title} />
+                <V label="수량" value={row.qty} align="right" />
+                <V label="규격" value={row.spec} />
+              </Row>
+              <Row>
+                <V label="재료" value={row.material} />
+                <V label="메이커" value={row.maker} />
+                <V label="비고" value={row.remark} />
+              </Row>
+              <Row>
+                <V label="공급업체" value={row.supply_name} />
+                <V label="등록자" value={row.writer} />
+                <V label="등록일" value={row.part_regdate_title} />
+              </Row>
+              <Row>
+                <V label="REVISION" value={row.revision} />
+                <V label="EO_NO" value={row.eo_no} />
+                <V label="STATUS" value={row.status} />
+              </Row>
+            </Section>
+
+            <Section title="크기 / 형상">
+              <Row>
+                <V label="두께" value={row.thickness} align="right" />
+                <V label="너비(W)" value={row.width} align="right" />
+                <V label="높이(H)" value={row.height} align="right" />
+              </Row>
+              <Row>
+                <V label="외경" value={row.out_diameter} align="right" />
+                <V label="내경" value={row.in_diameter} align="right" />
+                <V label="길이(L)" value={row.length} align="right" />
+              </Row>
+            </Section>
+
+            <Section title="분류 / 단위">
+              <Row>
+                <V label="계정구분" value={row.acctfg_nm} />
+                <V label="조달구분" value={row.odrfg_nm} />
+                <V label="환산수량" value={row.unitchng_nb != null ? String(row.unitchng_nb) : ""} align="right" />
+              </Row>
+              <Row>
+                <V label="재고단위" value={row.unit_dc_nm} />
+                <V label="관리단위" value={row.unitmang_dc_nm} />
+                <V label="개당길이 / 개당수량"
+                   value={[row.unit_length, row.unit_qty].filter(Boolean).join(" / ")} align="right" />
+              </Row>
+              <Row>
+                <V label="열처리경도" value={row.heat_treatment_hardness} />
+                <V label="열처리방법" value={row.heat_treatment_method} />
+                <V label="표면처리" value={row.surface_treatment} />
+              </Row>
+              <Row>
+                <V label="후가공" value={row.post_processing} />
+                <V label="첨부 (3D/2D/PDF)"
+                   value={`${row.cu01_cnt ?? 0} / ${row.cu02_cnt ?? 0} / ${row.cu03_cnt ?? 0}`} align="center" />
+                <V label="" value="" />
+              </Row>
+            </Section>
+
+            <Section title="Y/N 플래그">
+              <Row>
+                <V label="LOT구분" value={row.lot_fg_nm} align="center" />
+                <V label="사용여부" value={row.use_yn_nm} align="center" />
+                <V label="검사여부" value={row.qc_fg_nm} align="center" />
+              </Row>
+              <Row>
+                <V label="SET품여부" value={row.setitem_fg_nm} align="center" />
+                <V label="의뢰여부" value={row.req_fg_nm} align="center" />
+                <V label="" value="" />
+              </Row>
+            </Section>
+          </div>
+        )}
+
+        <DialogFooter>
+          {row && onEdit && (
+            <Button onClick={() => onEdit(row.objid)}>
+              <Pencil className="h-4 w-4" /><span className="ml-1">수정</span>
+            </Button>
+          )}
+          <Button variant="outline" onClick={() => onOpenChange(false)}>닫기</Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// ─── 보조 ─────────────────────────────────────────────────
+
+function Section({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <div className="rounded-md border bg-card p-3">
+      <div className="mb-2 text-sm font-semibold text-foreground">{title}</div>
+      <div className="space-y-2">{children}</div>
+    </div>
+  );
+}
+
+function Row({ children }: { children: React.ReactNode }) {
+  return <div className="grid grid-cols-3 gap-3">{children}</div>;
+}
+
+function V({ label, value, align }: { label: string; value: any; align?: "left" | "center" | "right" }) {
+  const cls = align === "right" ? "text-right" : align === "center" ? "text-center" : "";
+  return (
+    <div>
+      {label && <Label className="mb-1 block text-xs text-muted-foreground">{label}</Label>}
+      <div className={`min-h-9 rounded-md border bg-muted/30 px-2 py-2 ${cls}`}>
+        {value != null && value !== "" ? value : <span className="text-muted-foreground">—</span>}
+      </div>
+    </div>
+  );
+}

frontend/components/development/PartFormDialog.tsx

@@ -0,0 +1,499 @@
+"use client";
+
+// 개발관리 > PART 등록/수정 통합 다이얼로그.
+// wace partMngFormPopUp.jsp + partMngDetailPopUp.jsp 1:1 (mode 분기).
+//
+// 신규: POST /api/development/part (38 컬럼)
+// 수정: PUT  /api/development/part/:objid (21 컬럼만 — wace updatePartDetail 1:1)
+//
+// 그룹:
+//   ① 기본정보  (필수 ★: part_no, part_name, part_type)
+//   ② 크기/형상
+//   ③ 분류/단위 (comm_code SmartSelect)
+//   ④ Y/N 플래그 (radio '1'/'0')
+
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import {
+  Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter,
+} from "@/components/ui/dialog";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+import { Loader2, Save } from "lucide-react";
+import { toast } from "sonner";
+import { CommCodeSelect } from "@/components/common/CommCodeSelect";
+import { devPartApi, PartCreateBody, PartUpdateBody, PartRow } from "@/lib/api/devPart";
+
+// comm_code 그룹 ID (vexplor_rps DB 실재 그룹)
+const GROUP_PART_TYPE = "0000062"; // PART TYPE (조립품/부품/구매품)
+const GROUP_UNIT      = "0001399"; // 단위 (m/Set/EA/식/BAG/kg/...)
+const GROUP_ACCTFG    = "0900213"; // 파트_계정구분 (원자재/제품/...)
+
+// ODRFG: spec '0=구매/1=생산/8=Phantom' — 하드코딩
+const ODRFG_OPTIONS = [
+  { code: "0", label: "구매" },
+  { code: "1", label: "생산" },
+  { code: "8", label: "Phantom" },
+];
+
+interface FormState {
+  // 기본
+  part_no: string;
+  part_name: string;
+  part_type: string;
+  unit: string;
+  qty: string;
+  spec: string;
+  material: string;
+  remark: string;
+  maker: string;
+  // 크기/형상
+  thickness: string;
+  width: string;
+  height: string;
+  out_diameter: string;
+  in_diameter: string;
+  length: string;
+  // 분류/단위
+  acctfg: string;
+  odrfg: string;
+  unit_dc: string;
+  unitmang_dc: string;
+  unitchng_nb: string;
+  unit_length: string;
+  unit_qty: string;
+  // 열처리/표면처리/후가공
+  heat_treatment_hardness: string;
+  heat_treatment_method: string;
+  surface_treatment: string;
+  post_processing: string;
+  // 부속 (신규 시만 표시)
+  product_mgmt_objid: string;
+  supply_code: string;
+  contract_objid: string;
+  // Y/N
+  lot_fg: string;
+  use_yn: string;
+  qc_fg: string;
+  setitem_fg: string;
+  req_fg: string;
+}
+
+const EMPTY_FORM: FormState = {
+  part_no: "", part_name: "", part_type: "", unit: "", qty: "", spec: "", material: "", remark: "", maker: "",
+  thickness: "", width: "", height: "", out_diameter: "", in_diameter: "", length: "",
+  acctfg: "", odrfg: "", unit_dc: "", unitmang_dc: "", unitchng_nb: "", unit_length: "", unit_qty: "",
+  heat_treatment_hardness: "", heat_treatment_method: "", surface_treatment: "", post_processing: "",
+  product_mgmt_objid: "", supply_code: "", contract_objid: "",
+  lot_fg: "1", use_yn: "1", qc_fg: "0", setitem_fg: "0", req_fg: "0",
+};
+
+interface Props {
+  open: boolean;
+  onOpenChange: (open: boolean) => void;
+  mode: "create" | "edit";
+  editObjid?: string | null;
+  onSaved: () => void;
+}
+
+export function PartFormDialog({ open, onOpenChange, mode, editObjid, onSaved }: Props) {
+  const isEdit = mode === "edit";
+  const [form, setForm] = useState<FormState>(EMPTY_FORM);
+  const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
+
+  const setField = useCallback(
+    <K extends keyof FormState>(key: K, value: FormState[K]) =>
+      setForm((prev) => ({ ...prev, [key]: value })),
+    []
+  );
+
+  // 초기화/로드
+  useEffect(() => {
+    if (!open) return;
+    if (isEdit && editObjid) {
+      loadDetail(editObjid);
+    } else {
+      setForm(EMPTY_FORM);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [open]);
+
+  const loadDetail = async (objid: string) => {
+    setLoading(true);
+    try {
+      const row = await devPartApi.detail(objid);
+      if (!row) {
+        toast.error("PART를 찾을 수 없습니다.");
+        onOpenChange(false);
+        return;
+      }
+      setForm(rowToForm(row));
+    } catch (e: any) {
+      toast.error(e?.response?.data?.message ?? e?.message ?? "조회 실패");
+      onOpenChange(false);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleSave = async () => {
+    if (!form.part_no.trim()) return toast.error("품번은 필수입니다.");
+    if (!form.part_name.trim()) return toast.error("품명은 필수입니다.");
+    if (!isEdit && !form.part_type.trim()) return toast.error("범주(PART TYPE)는 필수입니다.");
+
+    setSaving(true);
+    try {
+      if (isEdit && editObjid) {
+        const body: PartUpdateBody = {
+          part_name: form.part_name,
+          material: form.material,
+          heat_treatment_hardness: form.heat_treatment_hardness,
+          heat_treatment_method: form.heat_treatment_method,
+          surface_treatment: form.surface_treatment,
+          maker: form.maker,
+          part_type: form.part_type,
+          acctfg: form.acctfg,
+          odrfg: form.odrfg,
+          spec: form.spec,
+          unit_dc: form.unit_dc,
+          unitmang_dc: form.unitmang_dc,
+          unitchng_nb: form.unitchng_nb,
+          lot_fg: form.lot_fg,
+          use_yn: form.use_yn,
+          qc_fg: form.qc_fg,
+          setitem_fg: form.setitem_fg,
+          req_fg: form.req_fg,
+          unit_length: form.unit_length,
+          unit_qty: form.unit_qty,
+          remark: form.remark,
+        };
+        await devPartApi.update(editObjid, body);
+        toast.success("PART가 수정되었습니다.");
+      } else {
+        const body: PartCreateBody = {
+          part_no: form.part_no,
+          part_name: form.part_name,
+          part_type: form.part_type,
+          unit: form.unit,
+          qty: form.qty,
+          spec: form.spec,
+          material: form.material,
+          thickness: form.thickness,
+          width: form.width,
+          height: form.height,
+          out_diameter: form.out_diameter,
+          in_diameter: form.in_diameter,
+          length: form.length,
+          remark: form.remark,
+          product_mgmt_objid: form.product_mgmt_objid,
+          supply_code: form.supply_code,
+          maker: form.maker,
+          contract_objid: form.contract_objid,
+          post_processing: form.post_processing,
+          heat_treatment_hardness: form.heat_treatment_hardness,
+          heat_treatment_method: form.heat_treatment_method,
+          surface_treatment: form.surface_treatment,
+          acctfg: form.acctfg,
+          odrfg: form.odrfg,
+          unit_dc: form.unit_dc,
+          unitmang_dc: form.unitmang_dc,
+          unitchng_nb: form.unitchng_nb,
+          lot_fg: form.lot_fg,
+          use_yn: form.use_yn,
+          qc_fg: form.qc_fg,
+          setitem_fg: form.setitem_fg,
+          req_fg: form.req_fg,
+          unit_length: form.unit_length,
+          unit_qty: form.unit_qty,
+        };
+        await devPartApi.create(body);
+        toast.success("PART가 등록되었습니다.");
+      }
+      onSaved();
+      onOpenChange(false);
+    } catch (e: any) {
+      toast.error(e?.response?.data?.message ?? e?.message ?? "저장 실패");
+    } finally {
+      setSaving(false);
+    }
+  };
+
+  const titleText = isEdit ? "PART 수정" : "PART 신규 등록";
+
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange}>
+      <DialogContent className="max-w-5xl">
+        <DialogHeader>
+          <DialogTitle>{titleText}</DialogTitle>
+        </DialogHeader>
+
+        {loading ? (
+          <div className="flex h-64 items-center justify-center">
+            <Loader2 className="h-6 w-6 animate-spin" />
+          </div>
+        ) : (
+          <div className="max-h-[70vh] space-y-4 overflow-y-auto px-1 py-2">
+            {/* ① 기본정보 */}
+            <Section title="기본정보">
+              <Row>
+                <Field label="품번" required>
+                  <Input value={form.part_no} disabled={isEdit}
+                         onChange={(e) => setField("part_no", e.target.value)} />
+                </Field>
+                <Field label="품명" required>
+                  <Input value={form.part_name}
+                         onChange={(e) => setField("part_name", e.target.value)} />
+                </Field>
+                <Field label="범주(PART TYPE)" required>
+                  <CommCodeSelect groupId={GROUP_PART_TYPE} withAll={false}
+                                  value={form.part_type}
+                                  onValueChange={(v) => setField("part_type", v)} />
+                </Field>
+              </Row>
+              <Row>
+                <Field label="단위">
+                  <CommCodeSelect groupId={GROUP_UNIT} withAll={false}
+                                  value={form.unit}
+                                  onValueChange={(v) => setField("unit", v)} />
+                </Field>
+                <Field label="수량">
+                  <Input value={form.qty} className="text-right"
+                         onChange={(e) => setField("qty", e.target.value)} />
+                </Field>
+                <Field label="규격">
+                  <Input value={form.spec}
+                         onChange={(e) => setField("spec", e.target.value)} />
+                </Field>
+              </Row>
+              <Row>
+                <Field label="재료">
+                  <Input value={form.material}
+                         onChange={(e) => setField("material", e.target.value)} />
+                </Field>
+                <Field label="메이커">
+                  <Input value={form.maker}
+                         onChange={(e) => setField("maker", e.target.value)} />
+                </Field>
+                <Field label="비고">
+                  <Input value={form.remark}
+                         onChange={(e) => setField("remark", e.target.value)} />
+                </Field>
+              </Row>
+            </Section>
+
+            {/* ② 크기/형상 */}
+            <Section title="크기 / 형상">
+              <Row>
+                <Field label="두께"><Input value={form.thickness} className="text-right"
+                  onChange={(e) => setField("thickness", e.target.value)} /></Field>
+                <Field label="너비(W)"><Input value={form.width} className="text-right"
+                  onChange={(e) => setField("width", e.target.value)} /></Field>
+                <Field label="높이(H)"><Input value={form.height} className="text-right"
+                  onChange={(e) => setField("height", e.target.value)} /></Field>
+              </Row>
+              <Row>
+                <Field label="외경"><Input value={form.out_diameter} className="text-right"
+                  onChange={(e) => setField("out_diameter", e.target.value)} /></Field>
+                <Field label="내경"><Input value={form.in_diameter} className="text-right"
+                  onChange={(e) => setField("in_diameter", e.target.value)} /></Field>
+                <Field label="길이(L)"><Input value={form.length} className="text-right"
+                  onChange={(e) => setField("length", e.target.value)} /></Field>
+              </Row>
+            </Section>
+
+            {/* ③ 분류 / 단위 */}
+            <Section title="분류 / 단위">
+              <Row>
+                <Field label="계정구분">
+                  <CommCodeSelect groupId={GROUP_ACCTFG} withAll={false}
+                                  value={form.acctfg}
+                                  onValueChange={(v) => setField("acctfg", v)} />
+                </Field>
+                <Field label="조달구분">
+                  <select className="h-9 w-full rounded-md border bg-background px-2 text-sm"
+                          value={form.odrfg}
+                          onChange={(e) => setField("odrfg", e.target.value)}>
+                    <option value="">선택</option>
+                    {ODRFG_OPTIONS.map((o) =>
+                      <option key={o.code} value={o.code}>{o.label}</option>)}
+                  </select>
+                </Field>
+                <Field label="환산수량(UNITCHNG_NB)">
+                  <Input value={form.unitchng_nb} className="text-right"
+                         onChange={(e) => setField("unitchng_nb", e.target.value)} />
+                </Field>
+              </Row>
+              <Row>
+                <Field label="재고단위">
+                  <CommCodeSelect groupId={GROUP_UNIT} withAll={false}
+                                  value={form.unit_dc}
+                                  onValueChange={(v) => setField("unit_dc", v)} />
+                </Field>
+                <Field label="관리단위">
+                  <CommCodeSelect groupId={GROUP_UNIT} withAll={false}
+                                  value={form.unitmang_dc}
+                                  onValueChange={(v) => setField("unitmang_dc", v)} />
+                </Field>
+                <Field label="개당길이 / 개당수량">
+                  <div className="flex items-center gap-1">
+                    <Input value={form.unit_length} className="text-right"
+                           placeholder="개당길이"
+                           onChange={(e) => setField("unit_length", e.target.value)} />
+                    <span className="text-xs text-muted-foreground">/</span>
+                    <Input value={form.unit_qty} className="text-right"
+                           placeholder="개당수량"
+                           onChange={(e) => setField("unit_qty", e.target.value)} />
+                  </div>
+                </Field>
+              </Row>
+              <Row>
+                <Field label="열처리경도">
+                  <Input value={form.heat_treatment_hardness}
+                         onChange={(e) => setField("heat_treatment_hardness", e.target.value)} />
+                </Field>
+                <Field label="열처리방법">
+                  <Input value={form.heat_treatment_method}
+                         onChange={(e) => setField("heat_treatment_method", e.target.value)} />
+                </Field>
+                <Field label="표면처리">
+                  <Input value={form.surface_treatment}
+                         onChange={(e) => setField("surface_treatment", e.target.value)} />
+                </Field>
+              </Row>
+              <Row>
+                <Field label="후가공">
+                  <Input value={form.post_processing}
+                         onChange={(e) => setField("post_processing", e.target.value)} />
+                </Field>
+                {!isEdit && (
+                  <Field label="공급업체 코드">
+                    <Input value={form.supply_code}
+                           onChange={(e) => setField("supply_code", e.target.value)}
+                           placeholder="admin_supply_mng.objid" />
+                  </Field>
+                )}
+                {!isEdit && (
+                  <Field label="제품 OBJID">
+                    <Input value={form.product_mgmt_objid}
+                           onChange={(e) => setField("product_mgmt_objid", e.target.value)}
+                           placeholder="product_mgmt.objid" />
+                  </Field>
+                )}
+              </Row>
+            </Section>
+
+            {/* ④ Y/N 플래그 */}
+            <Section title="Y/N 플래그">
+              <Row>
+                <Field label="LOT구분"><YNRadio value={form.lot_fg} onChange={(v) => setField("lot_fg", v)} /></Field>
+                <Field label="사용여부"><YNRadio value={form.use_yn} onChange={(v) => setField("use_yn", v)} /></Field>
+                <Field label="검사여부"><YNRadio value={form.qc_fg} onChange={(v) => setField("qc_fg", v)} /></Field>
+              </Row>
+              <Row>
+                <Field label="SET품여부"><YNRadio value={form.setitem_fg} onChange={(v) => setField("setitem_fg", v)} /></Field>
+                <Field label="의뢰여부"><YNRadio value={form.req_fg} onChange={(v) => setField("req_fg", v)} /></Field>
+                <Field label="" />
+              </Row>
+            </Section>
+          </div>
+        )}
+
+        <DialogFooter>
+          <Button variant="outline" onClick={() => onOpenChange(false)} disabled={saving}>
+            취소
+          </Button>
+          <Button onClick={handleSave} disabled={saving || loading}>
+            {saving ? <Loader2 className="h-4 w-4 animate-spin" /> : <Save className="h-4 w-4" />}
+            <span className="ml-1">{isEdit ? "수정" : "등록"}</span>
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  );
+}
+
+// ─── 보조 컴포넌트 ──────────────────────────────────────────
+
+function Section({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <div className="rounded-md border bg-card p-3">
+      <div className="mb-2 text-sm font-semibold text-foreground">{title}</div>
+      <div className="space-y-2">{children}</div>
+    </div>
+  );
+}
+
+function Row({ children }: { children: React.ReactNode }) {
+  return <div className="grid grid-cols-3 gap-3">{children}</div>;
+}
+
+function Field({ label, required, children }: { label: string; required?: boolean; children?: React.ReactNode }) {
+  return (
+    <div>
+      {label && (
+        <Label className="mb-1 block text-xs text-muted-foreground">
+          {label}
+          {required && <span className="ml-1 text-red-500">*</span>}
+        </Label>
+      )}
+      {children}
+    </div>
+  );
+}
+
+function YNRadio({ value, onChange }: { value: string; onChange: (v: string) => void }) {
+  return (
+    <div className="flex h-9 items-center gap-3 rounded-md border bg-background px-3 text-sm">
+      <label className="flex items-center gap-1">
+        <input type="radio" checked={value === "1"} onChange={() => onChange("1")} />
+        <span>예</span>
+      </label>
+      <label className="flex items-center gap-1">
+        <input type="radio" checked={value === "0"} onChange={() => onChange("0")} />
+        <span>아니오</span>
+      </label>
+    </div>
+  );
+}
+
+// ─── PartRow → FormState 매핑 ──────────────────────────────
+
+function rowToForm(r: PartRow): FormState {
+  return {
+    part_no: r.part_no ?? "",
+    part_name: r.part_name ?? "",
+    part_type: r.part_type ?? "",
+    unit: r.unit ?? "",
+    qty: r.qty ?? "",
+    spec: r.spec ?? "",
+    material: r.material ?? "",
+    remark: r.remark ?? "",
+    maker: r.maker ?? "",
+    thickness: r.thickness ?? "",
+    width: r.width ?? "",
+    height: r.height ?? "",
+    out_diameter: r.out_diameter ?? "",
+    in_diameter: r.in_diameter ?? "",
+    length: r.length ?? "",
+    acctfg: r.acctfg ?? "",
+    odrfg: r.odrfg ?? "",
+    unit_dc: r.unit_dc ?? "",
+    unitmang_dc: r.unitmang_dc ?? "",
+    unitchng_nb: r.unitchng_nb != null ? String(r.unitchng_nb) : "",
+    unit_length: r.unit_length ?? "",
+    unit_qty: r.unit_qty ?? "",
+    heat_treatment_hardness: r.heat_treatment_hardness ?? "",
+    heat_treatment_method: r.heat_treatment_method ?? "",
+    surface_treatment: r.surface_treatment ?? "",
+    post_processing: r.post_processing ?? "",
+    product_mgmt_objid: r.product_mgmt_objid ?? "",
+    supply_code: r.supply_code ?? "",
+    contract_objid: r.contract_objid ?? "",
+    lot_fg: r.lot_fg ?? "1",
+    use_yn: r.use_yn ?? "1",
+    qc_fg: r.qc_fg ?? "0",
+    setitem_fg: r.setitem_fg ?? "0",
+    req_fg: r.req_fg ?? "0",
+  };
+}

frontend/components/layout/AdminPageRenderer.tsx

@@ -107,6 +107,8 @@ const ADMIN_PAGE_REGISTRY: Record<string, React.ComponentType<any>> = {
   "/COMPANY_16/sales/quote": dynamic(() => import("@/app/(main)/COMPANY_16/sales/quote/page"), { ssr: false, loading: LoadingFallback }),
   "/COMPANY_16/project/progress": dynamic(() => import("@/app/(main)/COMPANY_16/project/progress/page"), { ssr: false, loading: LoadingFallback }),
   "/COMPANY_16/project/wbs-template": dynamic(() => import("@/app/(main)/COMPANY_16/project/wbs-template/page"), { ssr: false, loading: LoadingFallback }),
+  "/COMPANY_16/development/part-regist": dynamic(() => import("@/app/(main)/COMPANY_16/development/part-regist/page"), { ssr: false, loading: LoadingFallback }),
+  "/COMPANY_16/development/part-search": dynamic(() => import("@/app/(main)/COMPANY_16/development/part-search/page"), { ssr: false, loading: LoadingFallback }),
   "/COMPANY_16/production/process-info": dynamic(() => import("@/app/(main)/COMPANY_16/production/process-info/page"), { ssr: false, loading: LoadingFallback }),
   "/COMPANY_16/production/result": dynamic(() => import("@/app/(main)/COMPANY_16/production/result/page"), { ssr: false, loading: LoadingFallback }),
   "/COMPANY_16/production/work-instruction": dynamic(() => import("@/app/(main)/COMPANY_16/production/work-instruction/page"), { ssr: false, loading: LoadingFallback }),