From f6c96d168bb33913e72b122fa3514e4c4e4ad64c Mon Sep 17 00:00:00 2001 From: kjs Date: Thu, 20 Nov 2025 18:23:29 +0900 Subject: [PATCH] =?UTF-8?q?debug:=20select-basic=20=EB=8B=A4=EC=A4=91?= =?UTF-8?q?=EC=84=A0=ED=83=9D=20=EB=94=94=EB=B2=84=EA=B9=85=20=EB=A1=9C?= =?UTF-8?q?=EA=B7=B8=20=EA=B0=95=ED=99=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 더 명확한 로그 출력: - 단계별로 구분된 로그 - 각 props 출처별로 명확히 표시 - 최종 isMultiple 값 강조 - 활성화/비활성화 상태 명확히 표시 사용자는 브라우저 콘솔에서 다음을 확인: 1. '🔍 [SelectBasicComponent] ========== 다중선택 디버깅 ==========' 로그 찾기 2. '최종 isMultiple 값' 확인 3. 각 props 출처의 multiple 값 확인 4. ✅/❌ 상태 메시지 확인 --- .../select-basic/SelectBasicComponent.tsx | 32 ++++++++++++------- 1 file changed, 20 insertions(+), 12 deletions(-) diff --git a/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx b/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx index 7e905912..2f1cdaa3 100644 --- a/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx +++ b/frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx @@ -60,18 +60,26 @@ const SelectBasicComponent: React.FC = ({ // 🔍 디버깅: config 및 multiple 확인 useEffect(() => { - console.log("🔍 [SelectBasicComponent] config 및 multiple 확인:", { - componentId: component.id, - "config (전체)": config, - "config.multiple": config?.multiple, - "props.multiple": (props as any).multiple, - "componentConfig (prop)": componentConfig, - "componentConfig.multiple": componentConfig?.multiple, - "component.componentConfig": component.componentConfig, - "component.componentConfig.multiple": component.componentConfig?.multiple, - "webTypeConfig": (props as any).webTypeConfig, - "최종 isMultiple 값": isMultiple, - }); + console.log("🔍 [SelectBasicComponent] ========== 다중선택 디버깅 =========="); + console.log(" 컴포넌트 ID:", component.id); + console.log(" 최종 isMultiple 값:", isMultiple); + console.log(" ----------------------------------------"); + console.log(" props.multiple:", (props as any).multiple); + console.log(" config.multiple:", config?.multiple); + console.log(" componentConfig.multiple:", componentConfig?.multiple); + console.log(" component.componentConfig.multiple:", component.componentConfig?.multiple); + console.log(" ----------------------------------------"); + console.log(" config 전체:", config); + console.log(" componentConfig 전체:", componentConfig); + console.log(" component.componentConfig 전체:", component.componentConfig); + console.log(" ======================================="); + + // 다중선택이 활성화되었는지 알림 + if (isMultiple) { + console.log("✅ 다중선택 모드 활성화됨!"); + } else { + console.log("❌ 단일선택 모드 (다중선택 비활성화)"); + } }, [(props as any).multiple, config?.multiple, componentConfig?.multiple, component.componentConfig?.multiple]); // webType에 따른 세부 타입 결정 (TextInputComponent와 동일한 방식)