개발 조건
별도의 기획안·디자인 시안 없이 운영자의 관리 화면을 구성해야 했습니다. 실행 환경은 내부 로컬 PC였으며, 장비 상태와 고장 판단 결과는 전달받은 데이터를 사용했습니다.
tigerenergy김기운 · 프론트엔드 개발자tigerenergy김기운 · 프론트엔드 개발자데스크톱 앱 · 상태 모니터링
Predictive Maintenance System
경남 스마트팜 혁신밸리의 예지보전 관리 화면을 개발했습니다. 담당 범위는 전달받은 장비 상태·고장 판단 결과의 화면 표시와 Electron 앱 배포였습니다.
디자인 참고 자료 조사, 관리 화면 구성·UI 디자인과 개발
전달받은 장비 상태·고장 판단 결과의 화면 표시
Next.js와 REST API 기반 관리 화면 데이터 연동
내부 로컬 환경용 Electron 앱 패키징·배포
내부용 Electron 앱의 데이터 반출입 조회 화면과 로그인·로그아웃 화면입니다.
별도의 기획안·디자인 시안 없이 운영자의 관리 화면을 구성해야 했습니다. 실행 환경은 내부 로컬 PC였으며, 장비 상태와 고장 판단 결과는 전달받은 데이터를 사용했습니다.
디자인 참고 자료를 바탕으로 관리 화면을 구성했습니다. Next.js 화면에 REST API 응답을 연결하고, Electron 앱으로 패키징해 내부 PC에 배포했습니다.
운영자가 장비 상태와 고장 판단 결과를 확인할 수 있는 내부 PC용 앱을 배포했습니다.