시각화 인터페이스 기반 워크플로우 관리 시스템으로 데이터 무결성 및 프로젝트 추적 강화

초록

본 논문은 웹·모바일 양쪽에서 동작하는 통합 워크플로우 관리 시스템을 설계·구현하고, 10명의 다양한 직군 사용자를 대상으로 5점 Likert 설문을 통해 사용성, 효율성, 시각화 만족도를 평가하였다. MERN 스택과 React Native를 활용한 아키텍처가 데이터 무결성과 실시간 동기화를 보장하며, 대시보드 시각화는 평균 5.00점(표준편차 0)이라는 완벽한 평가를 받았다.

상세 분석

이 연구는 기존의 종이 메모와 메신저 중심의 업무 관리가 데이터 손실·중복·추적 어려움이라는 근본적인 문제를 야기한다는 점을 출발점으로 삼았다. 시스템은 MongoDB를 데이터 저장소로 채택함으로써 JSON 형태의 비정형 데이터를 자유롭게 저장·확장할 수 있게 하였으며, Node.js와 Express.js 기반의 RESTful API는 비동기 이벤트 처리와 저지연 응답을 제공한다. 프론트엔드에서는 React.js를 이용해 컴포넌트 기반의 SPA를 구현하고, Redux Toolkit을 통해 전역 상태를 효율적으로 관리함으로써 작업 상태 변화가 즉시 UI에 반영되도록 설계하였다. 모바일 측면에서는 React Native를 활용해 iOS·Android 양쪽에서 동일한 JavaScript 코드베이스를 재사용함으로써 개발 비용을 절감하고, 네이티브 UI 성능을 유지하였다.

보안 측면에서는 JWT 기반 인증을 적용해 토큰 기반 세션 관리와 API 접근 제어를 수행했으며, 데이터 전송은 HTTPS를 전제로 한다. 시스템은 ‘To‑Do‑In Progress‑Done’ 3단계 워크플로우와 색상 라벨링을 통해 작업 우선순위를 직관적으로 표시하고, 대시보드에서는 실시간 차트와 요약 카드를 제공한다. 이는 관리자가 프로젝트 전체 진행 상황을 한눈에 파악하고, 병목 현상을 빠르게 식별할 수 있게 한다.

사용성 평가는 10명의 엔지니어·학생·공무원·지점장·보건의료인 등 이질적인 집단을 대상으로 진행했으며, 설문 항목은 UI 명료성, 내비게이션, 시스템 성능, 데이터 동기화, 작업 생성·상태 업데이트, 파일 첨부, 휴지통 기능, 대시보드 시각화, 우선순위 지정, 팀·역할 관리, 기존 방식 대비 장점, 재사용 의향 등 14가지로 구성되었다. 평균 점수는 4.30~5.00 사이였으며, 특히 대시보드 시각화는 표준편차 0으로 전원 만점 평가를 받았다. 데이터 동기화와 파일 첨부 기능에서 표준편차가 다소 높았는데, 이는 사용자의 모바일 네트워크 환경 차이와 기기 사양 차이에 기인한 것으로 해석된다.

한계점으로는 샘플 규모가 작고, 장기적인 사용 로그 분석이 부족하다는 점을 들 수 있다. 또한, 현재 시스템은 AI 기반 위험 예측이나 자동 알림 기능을 포함하고 있지 않아 향후 확장 가능성이 남아 있다. 전반적으로 MERN 스택과 React Native를 결합한 전형적인 풀스택 접근이 중소기업·프로젝트 팀에게 실용적인 디지털 작업 환경을 제공한다는 점을 입증하였다.