React Performance Optimization

스마트팜 웹사이트를 올해 크게 개편했습니다. 개편 내용은 아래와 같습니다.피상적으로 위와 같이 바뀌었지만 내부적으로 Mysql schema, Api 등 많이 바뀌었습니다.Mysql도 다른 Nosql로 바꾸려 했지만 아래와 같은 이유로 바꾸지 않았습니다.엄격한 스키마가

StatusDisplay이번에는 StatusDisplay에 대해 알아보도록 하겠습니다. 제가 구현했던 StatusDisplay는 현 식물공장의 환경상태를 보여주는 컴포넌트입니다.StatusDisplay이 컴포넌트는 어떻게 성능 최적화할 수 있는지 생각해봤습니다. 이 컴

SwitchController이번에는 스마트팜 원격 조종에 필요한 스위치를 최적화한 경험을 공유하려 합니다. 스위치의 작동은 아래와 같습니다.exgif 만드는 프로그램이 제 사이트 인식을 잘 못하는 것 같습니다. 3번째 스위치가 on / off 되고 있는 것을 보여드리

AutomationSetting이번에는 자동화 설정 컴포넌트입니다. Material-ui 라이브러리의 RangeSlider를 가져와 범위를 조절하는 컴포넌트입니다. 사용 예제는 아래와 같습니다.ex슬라이더를 움직이면 바로 아래 칩의 내용도 바뀌는 구조입니다. RESUL