기타 수정
This commit is contained in:
@@ -623,13 +623,16 @@ PUT /api/external-call-configs/:id
|
||||
- [x] 노드 간 드래그앤드롭 연결 기능
|
||||
- [x] 줌, 팬, 미니맵 등 React Flow 기본 기능
|
||||
|
||||
### Phase 2: 관계 설정 기능 (2주) - 🚧 **진행 중 (70% 완료)**
|
||||
### Phase 2: 관계 설정 기능 (2주) - 🚧 **진행 중 (85% 완료)**
|
||||
|
||||
- [x] 연결 설정 모달 UI 구현
|
||||
- [x] 1:1, 1:N, N:1, N:N 관계 타입 선택 UI
|
||||
- [x] 단순 키값, 데이터 저장, 외부 호출 연결 종류 UI
|
||||
- [x] 컬럼-to-컬럼 연결 시스템 (클릭 기반)
|
||||
- [x] 선택된 컬럼 정보 표시 및 순서 보장
|
||||
- [x] 드래그 다중 선택 기능 (부분 터치 선택 지원)
|
||||
- [x] 테이블 기반 시스템으로 전환 (화면 → 테이블)
|
||||
- [x] 코드 정리 및 최적화 (불필요한 props 제거)
|
||||
- [ ] 연결 생성 로직 구현 (모달에서 실제 엣지 생성)
|
||||
- [ ] 생성된 연결의 시각적 표시 (React Flow 엣지)
|
||||
- [ ] 연결 데이터 백엔드 저장 API 연동
|
||||
@@ -698,13 +701,15 @@ PUT /api/external-call-configs/:id
|
||||
**주요 개선사항:**
|
||||
|
||||
1. **스크롤 충돌 해결**: 노드 내부 스크롤과 React Flow 줌/팬 기능 분리
|
||||
2. **노드 리사이징**: NodeResizer를 통한 노드 크기 조정 및 내용 반영
|
||||
2. **테이블 기반 시스템**: 화면 기반에서 테이블 기반으로 완전 전환
|
||||
3. **컬럼-to-컬럼 연결**: 드래그앤드롭 대신 클릭 기반 컬럼 선택 방식
|
||||
4. **2개 테이블 제한**: 최대 2개 테이블에서만 컬럼 선택 가능
|
||||
5. **선택 순서 보장**: 사이드바와 모달에서 컬럼 선택 순서 정확히 반영
|
||||
6. **실제 데이터 연동**: 테이블 관리 시스템의 실제 테이블/컬럼 데이터 사용
|
||||
7. **사용자 경험**: react-hot-toast를 통한 친화적인 알림 시스템
|
||||
8. **React 안정성**: 렌더링 중 상태 변경 문제 해결
|
||||
9. **드래그 다중 선택**: 부분 터치로도 노드 선택 가능한 고급 선택 기능
|
||||
10. **코드 최적화**: 불필요한 props 및 컴포넌트 제거로 성능 향상
|
||||
|
||||
**다음 단계:** Phase 2 - 실제 연결 생성 및 시각적 표시 기능 구현
|
||||
|
||||
|
||||
Reference in New Issue
Block a user