제조 · 실시간 데이터 · 실제 개발 경험

생산 데이터를,
확인할 수 있는 화면으로.

React 대시보드와 Node.js API, WebSocket을 연결해 생산 데이터를 실시간으로 확인하는 스마트팩토리 시스템을 개발했습니다.

기간
2024.08 — 2025.07
담당 역할
프로젝트 리더 · 프론트엔드 및 API 개발

다룬 업무

스마트팩토리 실시간 모니터링

생산 데이터를 시각화하고 현장 상황을 확인하는 스마트팩토리 솔루션 개발에 참여했습니다. 화면뿐 아니라 데이터를 전달하는 API와 실시간 처리 구조를 함께 다뤘습니다.

구성 설명
  1. 생산 데이터모니터링할 현장 정보
  2. API · 실시간 처리Node.js · WebSocket
  3. 대시보드React 기반 시각화
경력에 기재된 개발 범위를 설명한 도식입니다. 실제 서비스 화면과 데이터가 아닙니다.

직접 구현한 내용

화면에서 운영까지.

  1. 생산 데이터를 보여주는 대시보드

    React 기반 대시보드 화면을 개발해 생산 데이터를 시각적으로 확인할 수 있도록 구성했습니다.

  2. 데이터와 화면을 연결하는 API

    Node.js 기반 API 서버를 구축하고 대시보드에 필요한 데이터를 연결했습니다.

  3. 상태 변화를 반영하는 실시간 처리

    WebSocket 기반 실시간 데이터 처리를 구현해 갱신되는 정보를 모니터링 화면에서 확인하도록 했습니다.

구현 결과

연결한 범위

생산 데이터 시각화와 실시간 모니터링 시스템을 구현했습니다. 현장 데이터를 전달하는 서버와 이를 확인하는 화면을 함께 개발한 경험입니다.

운영자의 경력기술서를 바탕으로 정리했습니다. 회사명과 고객 정보는 공개하지 않으며, 경력 중 수행한 개발 경험과 워크오토의 고객 도입 사례는 구분합니다.

새 업무에 적용한다면 · 상담 예시

우리 현장의 생산·재고 자료도 연결할 수 있을까요?

기존 ERP나 생산 기록에서 가져올 수 있는 자료를 살펴보고, 현황 조회부터 연결하는 방법을 논의할 수 있습니다. 아래 항목은 새 상담에서 확인할 내용입니다.

  • 현재 ERP의 API 또는 파일 내보내기 기능
  • 생산·품목 코드와 갱신 주기
  • 담당자가 확인할 지표와 예외 상황
제조·생산 자동화 살펴보기