From 9f501aa83919a1f3fa09ad2ec67fa40c6860a3f9 Mon Sep 17 00:00:00 2001 From: kjs Date: Mon, 3 Nov 2025 11:54:34 +0900 Subject: [PATCH] =?UTF-8?q?debug:=20=EB=A6=AC=EC=82=AC=EC=9D=B4=EC=A6=88?= =?UTF-8?q?=20=ED=95=B8=EB=93=A4=20=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=94=94?= =?UTF-8?q?=EB=B2=84=EA=B7=B8=20=EB=A1=9C=EA=B7=B8=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 마우스다운, 드래그, 마우스업 이벤트 로그 - 시작 너비, 이동 거리, 새 너비 출력 - 이벤트가 제대로 발생하는지 확인용 --- .../lib/registry/components/table-list/TableListComponent.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/frontend/lib/registry/components/table-list/TableListComponent.tsx b/frontend/lib/registry/components/table-list/TableListComponent.tsx index 5dd90227..a341d086 100644 --- a/frontend/lib/registry/components/table-list/TableListComponent.tsx +++ b/frontend/lib/registry/components/table-list/TableListComponent.tsx @@ -1055,11 +1055,13 @@ 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 startX = e.clientX; const startWidth = columnWidth || (e.currentTarget.parentElement?.offsetWidth || 100); + console.log('시작 너비:', startWidth); // 드래그 중 텍스트 선택 방지 document.body.style.userSelect = 'none'; @@ -1069,10 +1071,12 @@ export const TableListComponent: React.FC = ({ moveEvent.preventDefault(); 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('마우스 업!'); // 텍스트 선택 복원 document.body.style.userSelect = ''; document.body.style.cursor = '';