ix: 부모-자식 모달 데이터 전달 문제 해결 및 미사용 multiRowSave 기능 제거

InteractiveScreenViewerDynamic: 생성 모드에서 formData를 initialData로 전달하도록 수정
UniversalFormModal: saveMultipleRows 함수 및 multiRowSave 관련 코드 전체 제거
types/config: MultiRowSaveConfig 인터페이스 및 기본값 제거
FieldDetailSettingsModal: receiveFromParent UI 옵션 제거
SaveSettingsModal: 저장 모드 설명 개선
DB: multiRowSave.enabled=true인 화면 3개 설정 수정

frontend/components/screen/InteractiveScreenViewerDynamic.tsx

@@ -365,7 +365,7 @@ export const InteractiveScreenViewerDynamic: React.FC<InteractiveScreenViewerPro
           isInteractive={true}
           formData={formData}
           originalData={originalData || undefined}
-          initialData={originalData || undefined} // 🆕 조건부 컨테이너 등에서 initialData로 전달
+          initialData={(originalData && Object.keys(originalData).length > 0) ? originalData : formData} // 🆕 originalData가 있으면 사용, 없으면 formData 사용 (생성 모드에서 부모 데이터 전달)
           onFormDataChange={handleFormDataChange}
           screenId={screenInfo?.id}
           tableName={screenInfo?.tableName}

frontend/lib/registry/components/split-panel-layout2/SplitPanelLayout2Component.tsx

@@ -654,7 +654,6 @@ export const SplitPanelLayout2Component: React.FC<SplitPanelLayout2ComponentProp
       },
     });
     window.dispatchEvent(event);
-    console.log("[SplitPanelLayout2] 우측 추가 모달 열기");
   }, [
     config.rightPanel?.addModalScreenId,
     config.rightPanel?.addButtonLabel,

frontend/lib/registry/components/universal-form-modal/UniversalFormModalComponent.tsx

@@ -139,6 +139,7 @@ export function UniversalFormModalComponent({
 }: UniversalFormModalComponentProps & { _initialData?: any; _originalData?: any; _groupedData?: any }) {
   // initialData 우선순위: 직접 전달된 prop > DynamicComponentRenderer에서 전달된 prop
   const initialData = propInitialData || _initialData;
+
   // 설정 병합
   const config: UniversalFormModalConfig = useMemo(() => {
     const componentConfig = component?.config || {};
@@ -155,11 +156,6 @@ export function UniversalFormModalComponent({
         ...defaultConfig.saveConfig,
         ...propConfig?.saveConfig,
         ...componentConfig.saveConfig,
-        multiRowSave: {
-          ...defaultConfig.saveConfig.multiRowSave,
-          ...propConfig?.saveConfig?.multiRowSave,
-          ...componentConfig.saveConfig?.multiRowSave,
-        },
         afterSave: {
           ...defaultConfig.saveConfig.afterSave,
           ...propConfig?.saveConfig?.afterSave,
@@ -1504,118 +1500,6 @@ export function UniversalFormModalComponent({
     formData,
   ]);
 
-  // 다중 행 저장 (겸직 등)
-  const saveMultipleRows = useCallback(async () => {
-    const { multiRowSave } = config.saveConfig;
-    if (!multiRowSave) return;
-
-    let { commonFields = [], repeatSectionId = "" } = multiRowSave;
-    const { typeColumn, mainTypeValue, subTypeValue, mainSectionFields = [] } = multiRowSave;
-
-    // 공통 필드가 설정되지 않은 경우, 기본정보 섹션의 모든 필드를 공통 필드로 사용
-    if (commonFields.length === 0) {
-      const nonRepeatableSections = config.sections.filter((s) => !s.repeatable);
-      commonFields = nonRepeatableSections.flatMap((s) => (s.fields || []).map((f) => f.columnName));
-    }
-
-    // 반복 섹션 ID가 설정되지 않은 경우, 첫 번째 반복 섹션 사용
-    if (!repeatSectionId) {
-      const repeatableSection = config.sections.find((s) => s.repeatable);
-      if (repeatableSection) {
-        repeatSectionId = repeatableSection.id;
-      }
-    }
-
-    // 반복 섹션 데이터
-    const repeatItems = repeatSections[repeatSectionId] || [];
-
-    // 저장할 행들 생성
-    const rowsToSave: any[] = [];
-
-    // 공통 데이터 (모든 행에 적용)
-    const commonData: any = {};
-    commonFields.forEach((fieldName) => {
-      if (formData[fieldName] !== undefined) {
-        commonData[fieldName] = formData[fieldName];
-      }
-    });
-
-    // 메인 섹션 필드 데이터 (메인 행에만 적용되는 부서/직급 등)
-    const mainSectionData: any = {};
-    mainSectionFields.forEach((fieldName) => {
-      if (formData[fieldName] !== undefined) {
-        mainSectionData[fieldName] = formData[fieldName];
-      }
-    });
-
-    // 메인 행 (공통 데이터 + 메인 섹션 필드)
-    const mainRow: any = { ...commonData, ...mainSectionData };
-    if (typeColumn) {
-      mainRow[typeColumn] = mainTypeValue || "main";
-    }
-    rowsToSave.push(mainRow);
-
-    // 반복 섹션 행들 (공통 데이터 + 반복 섹션 필드)
-    for (const item of repeatItems) {
-      const subRow: any = { ...commonData };
-
-      // 반복 섹션의 필드 값 추가
-      const repeatSection = config.sections.find((s) => s.id === repeatSectionId);
-      (repeatSection?.fields || []).forEach((field) => {
-        if (item[field.columnName] !== undefined) {
-          subRow[field.columnName] = item[field.columnName];
-        }
-      });
-
-      if (typeColumn) {
-        subRow[typeColumn] = subTypeValue || "concurrent";
-      }
-
-      rowsToSave.push(subRow);
-    }
-
-    // 저장 시점 채번규칙 처리 (메인 행만)
-    for (const section of config.sections) {
-      if (section.repeatable || section.type === "table") continue;
-
-      for (const field of section.fields || []) {
-        if (field.numberingRule?.enabled && field.numberingRule?.ruleId) {
-          // generateOnSave 또는 generateOnOpen 모두 저장 시 실제 순번 할당
-          const shouldAllocate = field.numberingRule.generateOnSave || field.numberingRule.generateOnOpen;
-          if (shouldAllocate) {
-            const response = await allocateNumberingCode(field.numberingRule.ruleId);
-            if (response.success && response.data?.generatedCode) {
-              // 모든 행에 동일한 채번 값 적용 (공통 필드인 경우)
-              if (commonFields.includes(field.columnName)) {
-                rowsToSave.forEach((row) => {
-                  row[field.columnName] = response.data?.generatedCode;
-                });
-              } else {
-                rowsToSave[0][field.columnName] = response.data?.generatedCode;
-              }
-            }
-          }
-        }
-      }
-    }
-
-    // 모든 행 저장
-    for (let i = 0; i < rowsToSave.length; i++) {
-      const row = rowsToSave[i];
-
-      // 빈 객체 체크
-      if (Object.keys(row).length === 0) {
-        continue;
-      }
-
-      const response = await apiClient.post(`/table-management/tables/${config.saveConfig.tableName}/add`, row);
-
-      if (!response.data?.success) {
-        throw new Error(response.data?.message || `${i + 1}번째 행 저장 실패`);
-      }
-    }
-  }, [config.sections, config.saveConfig, formData, repeatSections]);
-
   // 다중 테이블 저장 (범용)
   const saveWithMultiTable = useCallback(async () => {
     const { customApiSave } = config.saveConfig;
@@ -1863,16 +1747,13 @@ export function UniversalFormModalComponent({
     setSaving(true);
 
     try {
-      const { multiRowSave, customApiSave } = config.saveConfig;
+      const { customApiSave } = config.saveConfig;
 
-      // 커스텀 API 저장 모드
+      // 커스텀 API 저장 모드 (다중 테이블)
       if (customApiSave?.enabled) {
         await saveWithCustomApi();
-      } else if (multiRowSave?.enabled) {
-        // 다중 행 저장
-        await saveMultipleRows();
       } else {
-        // 단일 행 저장
+        // 단일 테이블 저장
         await saveSingleRow();
       }
 
@@ -1886,7 +1767,7 @@ export function UniversalFormModalComponent({
       }
 
       // onSave 콜백은 저장 완료 알림용으로만 사용
-      // 실제 저장은 이미 위에서 완료됨 (saveSingleRow 또는 saveMultipleRows)
+      // 실제 저장은 이미 위에서 완료됨
       // EditModal 등 부모 컴포넌트의 저장 로직이 다시 실행되지 않도록
       // _saveCompleted 플래그를 포함하여 전달
       if (onSave) {
@@ -1916,7 +1797,6 @@ export function UniversalFormModalComponent({
     onSave,
     validateRequiredFields,
     saveSingleRow,
-    saveMultipleRows,
     saveWithCustomApi,
   ]);
 

frontend/lib/registry/components/universal-form-modal/UniversalFormModalConfigPanel.tsx

@@ -885,7 +885,6 @@ export function UniversalFormModalConfigPanel({
           tableColumns={tableColumns}
           numberingRules={numberingRules}
           onLoadTableColumns={loadTableColumns}
-          availableParentFields={availableParentFields}
           targetTableName={config.saveConfig?.tableName}
           targetTableColumns={config.saveConfig?.tableName ? tableColumns[config.saveConfig.tableName] || [] : []}
         />

frontend/lib/registry/components/universal-form-modal/config.ts

@@ -45,15 +45,6 @@ export const defaultConfig: UniversalFormModalConfig = {
   saveConfig: {
     tableName: "",
     primaryKeyColumn: "id",
-    multiRowSave: {
-      enabled: false,
-      commonFields: [],
-      repeatSectionId: "",
-      typeColumn: "",
-      mainTypeValue: "main",
-      subTypeValue: "concurrent",
-      mainSectionFields: [],
-    },
     afterSave: {
       closeModal: true,
       refreshParent: true,

frontend/lib/registry/components/universal-form-modal/index.ts

@@ -9,14 +9,14 @@ import { defaultConfig } from "./config";
 /**
  * 범용 폼 모달 컴포넌트 정의
  *
- * 섹션 기반 폼 레이아웃, 채번규칙, 다중 행 저장을 지원하는
+ * 섹션 기반 폼 레이아웃, 채번규칙을 지원하는
  * 범용 모달 컴포넌트입니다.
  */
 export const UniversalFormModalDefinition = createComponentDefinition({
   id: "universal-form-modal",
   name: "범용 폼 모달",
   nameEng: "Universal Form Modal",
-  description: "섹션 기반 폼 레이아웃, 채번규칙, 다중 행 저장을 지원하는 범용 모달 컴포넌트",
+  description: "섹션 기반 폼 레이아웃, 채번규칙을 지원하는 범용 모달 컴포넌트",
   category: ComponentCategory.INPUT,
   webType: "form",
   component: UniversalFormModalComponent,
@@ -28,7 +28,7 @@ export const UniversalFormModalDefinition = createComponentDefinition({
   },
   configPanel: UniversalFormModalConfigPanel,
   icon: "FormInput",
-  tags: ["폼", "모달", "입력", "저장", "채번", "겸직", "다중행"],
+  tags: ["폼", "모달", "입력", "저장", "채번"],
   version: "1.0.0",
   author: "개발팀",
   documentation: `
@@ -36,22 +36,22 @@ export const UniversalFormModalDefinition = createComponentDefinition({
 
 ### 주요 기능
 - **섹션 기반 레이아웃**: 기본 정보, 추가 정보 등 섹션별로 폼 구성
-- **반복 섹션**: 겸직처럼 동일한 필드 그룹을 여러 개 추가 가능
+- **반복 섹션**: 동일한 필드 그룹을 여러 개 추가 가능
 - **채번규칙 연동**: 자동 코드 생성 (모달 열릴 때 또는 저장 시점)
-- **다중 행 저장**: 공통 필드 + 개별 필드 조합으로 여러 행 동시 저장
+- **단일/다중 테이블 저장**: 단일 테이블 또는 메인+서브 테이블에 저장
 - **외부 데이터 수신**: 부모 화면에서 전달받은 값 자동 채움
 
 ### 사용 예시
-1. 부서관리 사원 추가 + 겸직 등록
-2. 품목 등록 + 규격 옵션 추가
-3. 거래처 등록 + 담당자 정보 추가
+1. 사원 등록, 부서 등록, 거래처 등록 (단일 테이블)
+2. 주문 등록 + 주문 상세 (다중 테이블)
+3. 품목 등록 + 규격 옵션 추가
 
 ### 설정 방법
 1. 저장 테이블 선택
-2. 섹션 추가 (기본 정보, 겸직 정보 등)
+2. 섹션 추가 (기본 정보 등)
 3. 각 섹션에 필드 추가
 4. 반복 섹션 설정 (필요 시)
-5. 다중 행 저장 설정 (필요 시)
+5. 다중 테이블 저장 설정 (필요 시)
 6. 채번규칙 연동 (필요 시)
   `,
 });
@@ -69,7 +69,6 @@ export type {
   FormSectionConfig,
   FormFieldConfig,
   SaveConfig,
-  MultiRowSaveConfig,
   NumberingRuleConfig,
   SelectOptionConfig,
   FormDataState,

frontend/lib/registry/components/universal-form-modal/modals/FieldDetailSettingsModal.tsx

@@ -65,8 +65,6 @@ interface FieldDetailSettingsModalProps {
   tableColumns: { [tableName: string]: { name: string; type: string; label: string }[] };
   numberingRules: { id: string; name: string }[];
   onLoadTableColumns: (tableName: string) => void;
-  // 부모 화면에서 전달 가능한 필드 목록 (선택사항)
-  availableParentFields?: AvailableParentField[];
   // 저장 테이블 정보 (타겟 컬럼 선택용)
   targetTableName?: string;
   targetTableColumns?: { name: string; type: string; label: string }[];
@@ -81,7 +79,6 @@ export function FieldDetailSettingsModal({
   tableColumns,
   numberingRules,
   onLoadTableColumns,
-  availableParentFields = [],
   // targetTableName은 타겟 컬럼 선택 시 참고용으로 전달됨 (현재 targetTableColumns만 사용)
   targetTableName: _targetTableName,
   targetTableColumns = [],
@@ -330,60 +327,6 @@ export function FieldDetailSettingsModal({
                   />
                 </div>
                 <HelpText>화면에 표시하지 않지만 값은 저장됩니다</HelpText>
-
-                <Separator className="my-2" />
-
-                <div className="flex items-center justify-between">
-                  <span className="text-[10px]">부모에서 값 받기</span>
-                  <Switch
-                    checked={localField.receiveFromParent || false}
-                    onCheckedChange={(checked) => updateField({ receiveFromParent: checked })}
-                  />
-                </div>
-                <HelpText>부모 화면에서 전달받은 값으로 자동 채워집니다</HelpText>
-
-                {/* 부모에서 값 받기 활성화 시 필드 선택 */}
-                {localField.receiveFromParent && (
-                  <div className="mt-3 space-y-2 p-3 rounded-md bg-blue-50 border border-blue-200">
-                    <Label className="text-xs font-medium text-blue-700">부모 필드명 선택</Label>
-                    {availableParentFields.length > 0 ? (
-                      <Select
-                        value={localField.parentFieldName || localField.columnName}
-                        onValueChange={(value) => updateField({ parentFieldName: value })}
-                      >
-                        <SelectTrigger className="h-7 text-xs">
-                          <SelectValue placeholder="필드 선택" />
-                        </SelectTrigger>
-                        <SelectContent>
-                          {availableParentFields.map((pf) => (
-                            <SelectItem key={pf.name} value={pf.name}>
-                              <div className="flex flex-col">
-                                <span>{pf.label || pf.name}</span>
-                                {pf.sourceComponent && (
-                                  <span className="text-[9px] text-muted-foreground">
-                                    {pf.sourceComponent}{pf.sourceTable && ` (${pf.sourceTable})`}
-                                  </span>
-                                )}
-                              </div>
-                            </SelectItem>
-                          ))}
-                        </SelectContent>
-                      </Select>
-                    ) : (
-                      <div className="space-y-1">
-                        <Input
-                          value={localField.parentFieldName || ""}
-                          onChange={(e) => updateField({ parentFieldName: e.target.value })}
-                          placeholder={`예: ${localField.columnName || "parent_field_name"}`}
-                          className="h-8 text-xs"
-                        />
-                        <p className="text-[10px] text-muted-foreground">
-                          부모 화면에서 전달받을 필드명을 입력하세요. 비워두면 "{localField.columnName}"을 사용합니다.
-                        </p>
-                      </div>
-                    )}
-                  </div>
-                )}
               </div>
 
               {/* Accordion으로 고급 설정 */}

frontend/lib/registry/components/universal-form-modal/modals/SaveSettingsModal.tsx

@@ -378,7 +378,11 @@ export function SaveSettingsModal({
                       단일 테이블 저장
                     </Label>
                   </div>
-                  <HelpText>모든 필드를 하나의 테이블에 저장합니다 (기본 방식)</HelpText>
+                  <HelpText>
+                    폼 데이터를 하나의 테이블에 1개 행으로 저장합니다.
+                    <br />
+                    예: 사원 등록, 부서 등록, 거래처 등록 등 단순 등록 화면
+                  </HelpText>
 
                   <div className="flex items-center space-x-2 pt-2">
                     <RadioGroupItem value="multi" id="mode-multi" />
@@ -387,9 +391,13 @@ export function SaveSettingsModal({
                     </Label>
                   </div>
                   <HelpText>
-                    메인 테이블 + 서브 테이블에 트랜잭션으로 저장합니다
+                    하나의 폼으로 여러 테이블에 동시 저장합니다. (트랜잭션으로 묶임)
                     <br />
-                    예: 주문(orders) + 주문상세(order_items), 사원(user_info) + 부서(user_dept)
+                    메인 테이블: 폼의 모든 필드 중 해당 테이블 컬럼과 일치하는 것 자동 저장
+                    <br />
+                    서브 테이블: 필드 매핑에서 지정한 필드만 저장 (메인 테이블의 키 값이 자동 연결됨)
+                    <br />
+                    예: 사원+부서배정(user_info+user_dept), 주문+주문상세(orders+order_items)
                   </HelpText>
                 </RadioGroup>
               </div>
@@ -691,9 +699,11 @@ export function SaveSettingsModal({
                     </div>
 
                     <HelpText>
-                      반복 섹션 데이터를 별도 테이블에 저장합니다.
+                      폼에서 입력한 필드를 서브 테이블에 나눠서 저장합니다.
                       <br />
-                      예: 주문상세(order_items), 겸직부서(user_dept)
+                      메인 테이블의 키 값(예: user_id)이 서브 테이블에 자동으로 연결됩니다.
+                      <br />
+                      필드 매핑에서 지정한 필드만 서브 테이블에 저장됩니다.
                     </HelpText>
 
                     {(localSaveConfig.customApiSave?.multiTable?.subTables || []).length === 0 ? (
@@ -802,13 +812,13 @@ export function SaveSettingsModal({
                                   </div>
 
                                   <div>
-                                    <Label className="text-[10px]">연결할 반복 섹션</Label>
+                                    <Label className="text-[10px]">연결할 반복 섹션 (선택사항)</Label>
                                     <Select
                                       value={subTable.repeatSectionId || ""}
                                       onValueChange={(value) => updateSubTable(subIndex, { repeatSectionId: value })}
                                     >
                                       <SelectTrigger className="h-7 text-xs mt-1">
-                                        <SelectValue placeholder="섹션 선택" />
+                                        <SelectValue placeholder="섹션 선택 (없으면 필드 매핑만 사용)" />
                                       </SelectTrigger>
                                       <SelectContent>
                                         {repeatSections.length === 0 ? (
@@ -824,7 +834,13 @@ export function SaveSettingsModal({
                                         )}
                                       </SelectContent>
                                     </Select>
-                                    <HelpText>이 서브 테이블에 저장할 반복 섹션을 선택하세요</HelpText>
+                                    <HelpText>
+                                      반복 섹션: 폼 안에서 동적으로 항목을 추가/삭제할 수 있는 섹션 (예: 주문 품목 목록)
+                                      <br />
+                                      반복 섹션이 있으면 해당 섹션의 각 항목이 서브 테이블에 여러 행으로 저장됩니다.
+                                      <br />
+                                      반복 섹션 없이 필드 매핑만 사용하면 1개 행만 저장됩니다.
+                                    </HelpText>
                                   </div>
 
                                   <Separator />

frontend/lib/registry/components/universal-form-modal/types.ts

@@ -639,19 +639,6 @@ export interface TableCalculationRule {
   conditionalCalculation?: ConditionalCalculationConfig;
 }
 
-// 다중 행 저장 설정
-export interface MultiRowSaveConfig {
-  enabled?: boolean; // 사용 여부 (기본: false)
-  commonFields?: string[]; // 모든 행에 공통 저장할 필드 (columnName 기준)
-  repeatSectionId?: string; // 반복 섹션 ID
-  typeColumn?: string; // 구분 컬럼명 (예: "employment_type")
-  mainTypeValue?: string; // 메인 행 값 (예: "main")
-  subTypeValue?: string; // 서브 행 값 (예: "concurrent")
-
-  // 메인 섹션 필드 (반복 섹션이 아닌 곳의 부서/직급 등)
-  mainSectionFields?: string[]; // 메인 행에만 저장할 필드
-}
-
 /**
  * 섹션별 저장 방식 설정
  * 공통 저장: 해당 섹션의 필드 값이 모든 품목 행에 동일하게 저장됩니다 (예: 수주번호, 거래처)
@@ -672,9 +659,6 @@ export interface SaveConfig {
   tableName: string;
   primaryKeyColumn?: string; // PK 컬럼 (수정 시 사용)
 
-  // 다중 행 저장 설정
-  multiRowSave?: MultiRowSaveConfig;
-
   // 커스텀 API 저장 설정 (테이블 직접 저장 대신 전용 API 사용)
   customApiSave?: CustomApiSaveConfig;