diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx index 81597a83..4fa655e2 100644 --- a/frontend/lib/registry/components/table-list/TableListComponent.tsx +++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx @@ -1036,7 +1036,6 @@ export const TableListComponent: React.FC = ({ style={{ textAlign: column.align || "left", width: columnWidth ? `${columnWidth}px` : defaultWidth, - minWidth: '80px', userSelect: 'none' }} onClick={() => column.sortable && handleSort(column.columnName)} @@ -1058,31 +1057,24 @@ export const TableListComponent: React.FC = ({ style={{ marginRight: '-4px', paddingLeft: '4px', paddingRight: '4px' }} onClick={(e) => e.stopPropagation()} // 정렬 클릭 방지 onMouseDown={(e) => { - console.log('🖱️ 마우스 다운!', column.columnName); e.preventDefault(); e.stopPropagation(); const thElement = columnRefs.current[column.columnName]; - if (!thElement) { - console.error('❌ thElement를 찾을 수 없음!'); - return; - } + if (!thElement) return; const startX = e.clientX; const startWidth = columnWidth || thElement.offsetWidth; - console.log('✅ 시작:', { startX, startWidth }); // 드래그 중 텍스트 선택 방지 document.body.style.userSelect = 'none'; document.body.style.cursor = 'col-resize'; const handleMouseMove = (moveEvent: MouseEvent) => { - console.log('🐭 마우스 무브!', moveEvent.clientX); moveEvent.preventDefault(); const diff = moveEvent.clientX - startX; const newWidth = Math.max(80, startWidth + diff); - console.log('📏 새 너비:', newWidth); // 직접 DOM 스타일 변경 (리렌더링 없음) if (thElement) { @@ -1091,10 +1083,9 @@ export const TableListComponent: React.FC = ({ }; const handleMouseUp = () => { - console.log('⬆️ 마우스 업!'); // 최종 너비를 state에 저장 if (thElement) { - const finalWidth = thElement.offsetWidth; + const finalWidth = Math.max(80, thElement.offsetWidth); setColumnWidths(prev => ({ ...prev, [column.columnName]: finalWidth })); } @@ -1106,7 +1097,6 @@ export const TableListComponent: React.FC = ({ document.removeEventListener('mouseup', handleMouseUp); }; - console.log('👂 이벤트 리스너 등록'); document.addEventListener('mousemove', handleMouseMove); document.addEventListener('mouseup', handleMouseUp); }}