개발 노트

1. 버튼 컴포넌트 제작 import { useButtonStore } from "@/store/useButtonStore"; const SortButton: React.FC = () => { const {activeSortButton, setActiveSortButton} = useButtonStore() const handleClick = (e: React.MouseEvent): void => { const sort = e.currentTarget.dataset.sort; if (!sort) return switch (sort) { case 'update': setActiveSortButton(sort); break; case 'farmName': setActiveSortButton(sort); br..

1. 초기에 필요한 모양으로 받아온 값 처리 import { extractTime } from '@/utils/extractTime'; import { create } from 'zustand'; export type Message = { topic: string; message: string; time: string; additionalFields?: { [key: string]: any; }; }; type Store = { messages: Message[]; addMessage: (payload: Message) => void; findMessagesByTopics: (topics: string[]) => Message[]; }; export const useMqttStore = create((s..

관제 mqtt연동 마무리