[Project] 3차 프로젝트 기업협업 관제시스템

---

1. 프로젝트

• 3차 프로젝트 - 핼퍼로보틱스 기업협업
  • 전체 매장 관리를 위한 관제시스템 개발
  • 서빙 로봇의 전반적인 관제 시스템 구축하는 것을 목표
  • 전국에 퍼져있는 서빙 로봇의 현재 정보와 발생하는 오류를 실시간으로 서버에서 받아와 사용자에게 보여주는 것이 프로젝트의 주된 목적
  • 개발 인원: 프론트엔드 3명 
  • 개발기간 : 2022/11/14 ~ 2022/12/08

 

• 적용기술
  
  • 개발 환경 : React.js
  • 스타일링 : Scss, Eslint, StyleLint
  • 비동기 통신 : Axios, React-Query
  • 지도 : react-kakao-maps-sdk
  • 차트 : react-chartjs-2
  • 아이콘 : react-icons
  • common : Git, GitHub
  • 협업툴 : Figma, Notion, Trello, Git

 

• 기능구현
  • Error info, Error state, Error notice
  • Kakao info, Kakao map, Login, Log info
  • Header, Nav, Store info, Robot info

---

2. 나의 작업

Main page - Kakao map data funtion

• 전국에 서빙로봇으로 운영중인 식당을 카카오맵에 위치를 마커로 보여줌
• 지점마다 가지고 있는 로봇의 상태변화 (에러횟수, 서빙횟수, 주행효율, 대기중, 수리중 등)의 상태를 체크하는 데이터를 기능구현

 

Log page

6-00

• 지점별로 로봇에 대한 에러 데이터를 받아오는 기능구현
  ( maps, robots, users, error_logs, serving_logs, robot_logs ) 각각의 전체 데이터를 받아옴
• 날짜를 지정하여 데이터를 받아오는 필터 기능구현

---

3. 소감

1차 2차 프로젝트는 사이트를 똑같이 카피해야된다는 생각으로 프로젝트에 임했다면 기업협업에 나와서 우리에게 주어진 프로젝트는 현재 진행되고 있는 프로젝트가 아닌 기획이 제대로 안된 프로젝트를 처음부터 진행해야 되는 프로젝트였습니다. 그러다 보니 프로젝트의 목적을 이해하면서 기획을 같이 했던 이번 프로젝트는 저에게 많은 배울 수 있는 기회 였습니다.