Tag: Frontend
All the articles with the tag "Frontend".
-
데이터 프로세서 UI: 파일 업로드/내보내기/통계 대시보드
XGEN 데스크톱 앱의 데이터 프로세서 구현기. DataStation/DataProcessor 컴포넌트, 13개 모달 시스템, HuggingFace 연동, 기술통계 대시보드, PyArrow 콜백 코드 에디터까지.
-
React Hot Toast로 알림 시스템 개선하기
XGEN 2.0 데스크톱 앱의 알림 시스템을 alert/confirm에서 react-hot-toast 기반으로 전환한 과정 — 커스텀 삭제 확인, 키보드 지원, 30개 이상의 도메인 특화 함수까지
-
DocumentsGraph: 문서 관계 시각화 컴포넌트
D3.js force-directed graph로 RAG 문서의 청크-개념 관계를 시각화하는 컴포넌트 구현기 — 해시 기반 노드 색상, 줌/패닝, 전체화면 모달까지
-
워크플로우 공유 권한 시스템: 읽기 전용 vs 편집 모드
XGEN 워크플로우 에디터에 공유 권한 체계를 구현한 과정. SectionGuard 컴포넌트, share_permissions 필드 설계, 소유권 판별 로직, 읽기 전용 모드 제어까지.