포트폴리오
IoTTOVLAB 자체 구현 ShowcaseFEATURED
GreenPulse 스마트팜 관제 Showcase
구역별 환경 카드, 관수 제어, 알림 확인, 추세 화면을 구현한 TOVLAB 자체 제작 Showcase입니다. 센서값·관수 횟수·알림은 포트폴리오 시연용 fixture입니다.
프로젝트 화면
PC 화면
2모바일 웹
1주요 기능
존별 상태 카드온습도·CO2 추이주간 운영 집계경고 상태관수 실행 UI존·알림·리포트 탭
구축 내용
실제 개발 범위에 포함된 주요 작업입니다.
주요 구현 범위
- 존별 상태 카드와 온습도·CO2 추이 화면
- 주간 운영 집계와 경고 상태 UI
- 관수 실행 UI와 존 관리·알림 센터·리포트 탭
기술 스택
Next.js 16 (App Router)React 19TypeScriptTailwind CSS 4React Context APIuseReducerReact HooksESLint 9
작업 배경과 확인한 문제
- 사용자가 현재 상태와 다음 조치를 확인할 수 있도록 화면을 구성했습니다.
- 화면에 보이는 값은 포트폴리오 시연용 fixture로 분리했습니다.
진행 결과
- 이 항목은 TOVLAB 자체 구현 Showcase입니다. 이미지에 보이는 항목과 수치는 UI와 상태 흐름을 확인하기 위한 포트폴리오 fixture입니다.
우선 적용 범위
- 존별 상태 카드
- 온습도·CO2 추이
- 주간 운영 집계
- 경고 상태
이후 확장 방향
- 실제 센서 수집 연동
- 관수 장비 제어 연결
- 알림 채널과 권한 관리
유사하게 적용할 수 있는 경우
- 상태 확인과 다음 조치 UI가 필요한 업무 화면
- 필터·선택·검토 단계를 가진 웹 서비스
상담 전에 정리하면 좋은 내용
- 확인할 상태와 다음 조치 규칙
- 실제 데이터·권한·연동의 범위
- 모바일에서 우선할 업무 흐름