✨ 프로젝트 개요

출처: 이에이트(주)

NDXPRO ADMIN WEB은 NGSI-LD 기반 디지털 트윈 데이터를 정제하고 모델링·운영할 수 있는 NDXPRO 플랫폼의 핵심 관리 시스템입니다.

• 프로젝트 참여 인력
  • FE: 3명 | BE: 3명 | 디자이너: 1명
• 프로젝트 소개 URL | 프로젝트 소개 영상

🚩 Problem

"복잡한 관계형 데이터를 기존 라이브러리로 표현하는 것의 한계”

초기 버전(V3)에서는 React Flow 라이브러리를 사용했으나, 디지털 트윈 데이터 특유의 복잡한 관계성을 표현하는 데 구조적 한계에 부딪혔습니다.

1. 노드 그룹핑과 시각적 복잡도

• React Flow는 각 노드를 독립적인 엔티티로 관리하기 때문에, 동일한 관계(Relationship)를 가진 수많은 데이터 모델을 하나의 그룹으로 묶어 표현하기가 매우 어려웠습니다.
• 관계가 복잡해질수록 화면 가독성이 급격히 떨어져, 사용자가 데이터 구조를 직관적으로 파악할 수 없었습니다.

2. 커스터마이징의 제약

• 노드 내부에서의 복잡한 상호작용(드롭다운, 컨텍스트 메뉴 등)과 세밀한 엣지 스타일링(점선 애니메이션, 동적 색상)을 구현하는 데 있어 라이브러리의 폐쇄적인 구조가 걸림돌이 되었습니다.
• 디자이너가 의도한 세밀한 UI/UX를 100% 구현하기 어려웠습니다.

3. 성능 및 제어권 문제

• 대량의 노드와 엣지를 렌더링할 때 라이브러리 내부의 블랙박스 영역에서 발생하는 성능 저하를 최적화하는 데 한계가 있었습니다.

결국 "라이브러리에 맞춘 타협"이 아닌, "데이터 모델링에 최적화된 독자적인 뷰어"가 필요하다고 판단했습니다.