일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
- pm2 확인
- datagridview 직접입력
- mySQL_Replication
- pm2 상태 확인
- setInterval 중지
- html #select #option #multiple
- DatePicker
- allow_anonymouse
- 공인IP
- map이 undefined가 뜰 때
- 1883
- DataGridView 직접 입력
- mosquitto
- setInterval 외부 정지
- Replication
- pm2 시작
- timepicker
- 서버동기화
- setInterval 정지
- pm2 설치
- invalid data
- AntDesign
- pm2
- listener 1883
- mosquitto.conf
- c# datagridview 데이터 넣기
- 맥 어드레스
- transfer
- 데이터테이블 데이터 넣기
- setInterval clear
- Today
- Total
목록React (88)
개발 노트
1. zustand 에 modal dialog관련 store생성하기 import {create} from 'zustand'; interface ModalState { isModalOpen: boolean; openModal: () => void; closeModal: () => void; } // 모달 상태를 관리하는 스토어 export const useModalStore = create((set) => ({ isModalOpen: false, // 모달의 초기 상태는 닫혀있음 openModal: () => set({ isModalOpen: true }), // 모달을 여는 액션 closeModal: () => set({ isModalOpen: false }), // 모달을 닫는 액션 })); 2. Co..
1. 정렬 조건은 zutand에서 전역으로 관리 2. 렌더링부분과 count세는부분을 별도로 관리 import { useButtonStore } from '@/store/useButtonStore'; const RobotMilkingList: React.FC = () => { const { activeFilterButton, setActiveFilterButton} = useButtonStore(); const [allCount, setAllCount] = useState(0); const [normalCount, setNormalCount] = useState(0); const [errorCount, setErrorCount] = useState(0); const farmCodes = Object.ke..
기존 : mqtt 수신내역을 배열형태로 일괄적으로 담음 변경 후 : mqtt수신 시 farmCode기준으로 묶어서 내부에 필요한 정보만 저장 기존 호출 컴포넌트 const ResizableComponent: React.FC = () => { const workerRef = useRef(null); const { messages, addMessage } = useMqttStore(); useEffect(() => { const URL = '/mqttWorker.built.js'; if (!workerRef.current) { const worker = new Worker(URL); workerRef.current = worker; workerRef.current.onmessage = function (ev..
net error는 왜 발생하는 것인가?! 서버사이드 렌더링을 해야하는데 클라이언트단에서 렌더링을 시도할 때 발생!! -> 서버사이드 렌더링으로 코드를 수정해야 한다!! api통신으로 해결하는 방법으로 수정 1.db 연결하기 // src/lib/db.ts import mysql from 'mysql2/promise'; const database = mysql.createPool({ host: process.env.DB_HOST, user: process.env.DB_USER, password: process.env.DB_PASSWORD, database: process.env.DB_DATABASE, port: 3306, }); export default database; 2. api page만들기 imp..
mqtt - npm (npmjs.com) mqtt A library for the MQTT protocol. Latest version: 5.3.6, last published: 2 days ago. Start using mqtt in your project by running `npm i mqtt`. There are 2650 other projects in the npm registry using mqtt. www.npmjs.com import { count, log } from 'console'; import mqtt, { MqttClient } from 'mqtt'; const mqttUri = 'ws://127.0.0.1:9001'; const options: mqtt.IClientOptions..
RMAN/WEB데이터를 제외한 나머지 데이터 업데이트 시에만 업데이트 순으로 정렬하게 변경 1. 특정토픽일 때 정렬하도록 정규식을 사용하여 와일드카드 문자를 사용할 수 있게 적용 export const extractTimeFromSpecificTopics = (topic: string, message: string): string => { const specificTopics = ['dawoon/Robot/#', 'dawoon/Feeder/#', 'dawoon/SMARTGATE/#']; // 토픽이 특정 토픽에 속하면 시간을 추출, 그렇지 않으면 빈 문자열을 반환 if (specificTopics.some((specificTopic) => new RegExp(`^${specificTopic.replace..