chpark/vexplor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

debug: select-basic 다중선택 디버깅 로그 강화

Browse Source 
더 명확한 로그 출력:
- 단계별로 구분된 로그
- 각 props 출처별로 명확히 표시
- 최종 isMultiple 값 강조
- 활성화/비활성화 상태 명확히 표시

사용자는 브라우저 콘솔에서 다음을 확인:
1. '🔍 [SelectBasicComponent] ========== 다중선택 디버깅 ==========' 로그 찾기
2. '최종 isMultiple 값' 확인
3. 각 props 출처의 multiple 값 확인
4. ✅/❌ 상태 메시지 확인
This commit is contained in:
kjs
2025-11-20 18:23:29 +09:00
parent 6ea9001a50
commit f6c96d168b
1 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
frontend/lib/registry/components/select-basic/SelectBasicComponent.tsx
View File

@@ -60,18 +60,26 @@ const SelectBasicComponent: React.FC<SelectBasicComponentProps> = ({
// 🔍 디버깅: 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와 동일한 방식)