Tag: React

All the articles with the tag "React".

• 워크플로우 공유 권한 시스템: 읽기 전용 vs 편집 모드

  18 Sep, 2025

  XGEN 워크플로우 에디터에 공유 권한 체계를 구현한 과정. SectionGuard 컴포넌트, share_permissions 필드 설계, 소유권 판별 로직, 읽기 전용 모드 제어까지.

• React에서 Undo/Redo 구현: 워크플로우 에디터 히스토리 관리

  17 Sep, 2025

  워크플로우 에디터에 Undo/Redo를 추가한 과정. Snapshot(Memento) 패턴 선택 이유, useHistoryManagement 훅 설계, 키보드 단축키, HistoryPanel UI까지 이틀간의 구현기.

• 커스텀 노드 에디터: 드래그 앤 드롭 + 엣지 스냅핑 구현

  16 Jun, 2025

  워크플로우 에디터의 핵심 인터랙션 구현. 노드 드래그 앤 드롭, 엣지 스냅핑(자동 연결), 포트 타입 호환성 체크, 줌/패닝 최적화까지 실전 구현기.

• Next.js 기반 AI 워크플로우 에디터 만들기 (from scratch)

  11 Jun, 2025

  Next.js 15 + React 19 + TypeScript로 무한 캔버스 기반 워크플로우 에디터를 처음부터 구현한 과정. Canvas, Node, Edge 컴포넌트 설계부터 패닝/줌, 그리드 배경, 노드 드래그, forwardRef 패턴까지.