개발 조건
기획안과 디자인 시안 없이 내부 PC용 프로그램 개발을 시작했습니다. 이후 내부 PC 밖에서도 농장 데이터를 조회할 수 있도록 웹 서비스로 전환해야 했습니다.
tigerenergy김기운 · 프론트엔드 개발자tigerenergy김기운 · 프론트엔드 개발자데스크톱 앱 · 웹 전환
Smart Farm App to Web
경남 스마트팜 혁신밸리의 내부용 Electron 앱을 개발한 뒤 Next.js 웹 서비스로 전환했습니다. 화면 구성, 데이터 조회 API 연동과 배포를 맡았습니다.
참고 자료 조사부터 화면 구성·UI 디자인·개발까지 담당
내부 로컬 환경에서 사용하는 Electron 앱 개발·배포
기존 앱 기능의 Next.js 웹 서비스 전환
REST API 기반 데이터 조회 화면 연동
웹의 반응형 구현과 모바일·태블릿 화면 구성 조정
웹 전환 전에 경남 스마트팜 혁신밸리 내부에서 사용한 Electron 앱 화면입니다.
기획안과 디자인 시안 없이 내부 PC용 프로그램 개발을 시작했습니다. 이후 내부 PC 밖에서도 농장 데이터를 조회할 수 있도록 웹 서비스로 전환해야 했습니다.
참고 자료를 찾아 화면 구성과 UI 디자인을 정하고 Electron 앱을 개발했습니다. 웹으로 전환할 때는 기존 기능을 Next.js로 옮기고 데이터 조회 API를 연결했습니다. 모바일과 태블릿의 화면 구성도 각각 조정했습니다.
내부 PC에서만 쓰던 기능을 사용자가 웹에서도 이용할 수 있게 됐습니다.