본문 바로가기

전체 글

Refs & Portals [React - The Complete Guide 2024] Accessing DOM Elements with RefsManaging Values with RefsExposing API Functions from ComponentsDetaching DOM Rendering from JSX Structure with PortalsRefsRefs를 쓰기 전 코드import {useState} from "react";export default function Player() { const[enteredPlayerName, setEnteredPlayerName] = useState(null); const[submitted, setSubmitted] = useState(false); function handleChange(event){ setS.. 더보기
LSTM - 시계열 데이터 예측, 테스트 데이터 너머로.. AMPds2 Dataset df['date'] = pd.to_datetime(df['unix_ts'], unit='s', utc=True)df = df[['date', 'P']]start_date = pd.to_datetime('2012-04-01 07:00:00+00:00')# 1년 뒤 날짜end_date = start_date + pd.DateOffset(years=1)# 해당 기간 동안의 데이터 필터링df = df[(df['date'] >= start_date) & (df['date'] 원하는 형식으로 Formatting EDA800이 넘어가는 이상치가 존재함을 확인. 그 수가 8개로 적기에, 제거하는 방식 선택 date가 끊기는 부분이 없으며, 결측치 또한 없음을 확인. MinMaxScaler( .. 더보기
Node-Red의 세계로 풍덩 Node-Red를 통해 수행할 수 있는 작업들을 추가로 해보자!! local 환경에서 InfluxDB, Node-Red, PostgreSQL 모두 실행하였다.  먼저 전체 Flow를 보여주면 아래와 같다.  구현 기능InfluxDB - 데이터 가져오기, 시각화, csv파일로 내보내기 및 읽어오기기존 데이터 실시간 데이터처럼 활용하기 (streaming), 알람기능 (방송 및 모듈, 이메일 전송)Postgre - users table, 쿼리 실행. (http api를 통한 쿼리 전달 및 실행한 값 돌려받기) GET/POST간단한 Login Page 구현Error 발생 시 보다 자세한 원인을 파악할 수 있도록 Catch Error 노드 추가  사용 데이터셋기존에 수집해두었던 BEMS관련 Data Set 중에.. 더보기
InfluxDB CLI CLI에서 보다 중점적으로  InfluxDB를 사용해보고자 하였다..결론부터 말하자면.... In any version, flux queries will work in UI and not in CLI 후....  그래도 Flux 쿼리가 작동되지 않는거지 기본적인 명령어들을 사용할 수 있으므로사용했던 해당 내용들에 대해 정리해보겠다. Windows Binaries (64-bit) -using PowerShell 기준 InfluxDB 2.X 다운로드 명령어wget https://download.influxdata.com/influxdb/releases/influxdb2-2.7.10-windows.zip -UseBasicParsing -OutFile influxdb2-2.7.10-windows.zipExpan.. 더보기
03. 리액트 훅 깊게 살펴보기 [모던 리액트 Deep Dive] 함수형 컴포넌트가 상태를 사용하거나,클래스형 컴포넌트의 생명주기 메서드를 대체하는 등의 작업을 위해 훅 (hook) 을 사용하기 시작했다. 3.1 리액트의 모든 훅 파헤치기useState, useEffect, useMemo, useCallback useRef, useContext,useReducer, useImperativeHandle, useLayoutEffect, useDebugValue..  useStateuseState : 함수형 컴포넌트 내부에서 상태를 정의하고 관리import {useState} from 'react';const [state, setState] = useState(initialState)useState의 초기값이 복잡하거나 무거운 연산을 포함하고 있다면,익명함수 () => 를 .. 더보기
MLOps 및 관련 프레임워크 데이터 추출 → 데이터 분석 → 데이터 준비 → 모델 학습 → 모델 평가 → 모델 검증 → 모델 서빙→ 모델 모니터링CI/CD/CT의 과정이 존재CI는 더 이상 코드 및 구성요소만 테스트하고 검증하는 것이 아니라 데이터, 데이터 스키마, 모델도 테스트하고 검증하는 것입니다.CD는 더 이상 단일 소프트웨어 패키지 또는 서비스만이 아니라 다른 서비스(모델 예측 서비스)를 자동으로 배포해야 하는 시스템(ML 학습 파이프라인)입니다.CT는 ML 시스템에 고유한 새 속성으로, 모델을 자동으로 재학습시키고 서빙하는 데 사용됩니다.MLOps level 0 : Manual Process 모든 단계를 수동으로 수행, CI/CD 없음⚠️실제로는 실제 환경에 모델이 배포될 때 손상되는 경우가 多⇒ 모델 품질 모니터링 및 많.. 더보기
Node-red에서 InfluxDB 연결하기 Node-Red란? 복잡한 프로그래밍 없이 간단하고 빠르게 데이터를 수집하고 제어할 수 있는 대시보드 제작 도구하드웨어 장치, API, 온라인 서비스와 연결하여 런타임에 배포까지 가능한 브라우저 기반 편집기 Docker run -it -p 1880:1880 -v node_red_data:/data --name mynodered nodered/node-red위와 같은 명령어를 통해 Docker를 통해 설치해주었다.Node-red는 기본적으로 1880포트번호를 사용한다.localhost:1880 으로 접속 우측 상단 클릭 후 팔레트 관리 -> 설치가능한 노드 -> influx Node-Red InfluxDB 데이터 주고받기InfluxDB 노드에서  Server : localhost설정 및 Organizat.. 더보기
InfluxDB InfluxDB란?시계열 데이터(Time Series Data)를 저장하고 관리하는 데 최적화된 오픈소스 데이터베이스Purpose-built for real-time with proven performance at scale라고 공식 문서에서 소개하고 있다. 시계열 데이터는 제조, 에너지, IOT, Aerospace등의 분야에서 넓게 사용되고 있기에, InfluxDB의 역할이 커지고 있다고 생각한다.Python, C#, JS등 프로그래밍 언어에서도 통합하여 사용할 수 있다.   Get started with InfluxDB | InfluxDB OSS v2 DocumentationThank you for your feedback! Let us know what we can do better:docs.inf.. 더보기