Tag: React
All the articles with the tag "React".
-
데이터 프로세서 UI: 파일 업로드/내보내기/통계 대시보드
XGEN 데스크톱 앱의 데이터 프로세서 구현기. DataStation/DataProcessor 컴포넌트, 13개 모달 시스템, HuggingFace 연동, 기술통계 대시보드, PyArrow 콜백 코드 에디터까지.
-
React Hot Toast로 알림 시스템 개선하기
XGEN 2.0 데스크톱 앱의 알림 시스템을 alert/confirm에서 react-hot-toast 기반으로 전환한 과정 — 커스텀 삭제 확인, 키보드 지원, 30개 이상의 도메인 특화 함수까지
-
비주얼 워크플로우 에디터: 노드 기반 AI 파이프라인 설계
React + SVG 기반 커스텀 캔버스 에디터를 직접 구현한 과정. 노드 드래그 앤 드롭, 베지어 엣지, 포트 스냅핑, Undo/Redo 히스토리, 셀렉션 박스, 예측 노드 자동 생성까지.
-
DocumentsGraph: 문서 관계 시각화 컴포넌트
D3.js force-directed graph로 RAG 문서의 청크-개념 관계를 시각화하는 컴포넌트 구현기 — 해시 기반 노드 색상, 줌/패닝, 전체화면 모달까지