diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx index a341d086..18d3340c 100644 --- a/frontend/lib/registry/components/table-list/TableListComponent.tsx +++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx @@ -1067,16 +1067,30 @@ export const TableListComponent: React.FC = ({ document.body.style.userSelect = 'none'; document.body.style.cursor = 'col-resize'; + let rafId: number | null = null; + const handleMouseMove = (moveEvent: MouseEvent) => { moveEvent.preventDefault(); - const diff = moveEvent.clientX - startX; - const newWidth = Math.max(80, startWidth + diff); - console.log('드래그 중:', { diff, newWidth }); - setColumnWidths(prev => ({ ...prev, [column.columnName]: newWidth })); + + if (rafId) { + cancelAnimationFrame(rafId); + } + + rafId = requestAnimationFrame(() => { + const diff = moveEvent.clientX - startX; + const newWidth = Math.max(80, startWidth + diff); + console.log('드래그 중:', { diff, newWidth }); + setColumnWidths(prev => ({ ...prev, [column.columnName]: newWidth })); + }); }; const handleMouseUp = () => { console.log('마우스 업!'); + + if (rafId) { + cancelAnimationFrame(rafId); + } + // 텍스트 선택 복원 document.body.style.userSelect = ''; document.body.style.cursor = '';