Posts
All the articles I've posted.
-
React Hot Toast로 알림 시스템 개선하기
XGEN 2.0 데스크톱 앱의 알림 시스템을 alert/confirm에서 react-hot-toast 기반으로 전환한 과정 — 커스텀 삭제 확인, 키보드 지원, 30개 이상의 도메인 특화 함수까지
-
비주얼 워크플로우 에디터: 노드 기반 AI 파이프라인 설계
React + SVG 기반 커스텀 캔버스 에디터를 직접 구현한 과정. 노드 드래그 앤 드롭, 베지어 엣지, 포트 스냅핑, Undo/Redo 히스토리, 셀렉션 박스, 예측 노드 자동 생성까지.
-
DocumentsGraph: 문서 관계 시각화 컴포넌트
D3.js force-directed graph로 RAG 문서의 청크-개념 관계를 시각화하는 컴포넌트 구현기 — 해시 기반 노드 색상, 줌/패닝, 전체화면 모달까지
-
워크플로우 공유 권한 시스템: 읽기 전용 vs 편집 모드
XGEN 워크플로우 에디터에 공유 권한 체계를 구현한 과정. SectionGuard 컴포넌트, share_permissions 필드 설계, 소유권 판별 로직, 읽기 전용 모드 제어까지.