전체 글 썸네일형 리스트형 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.. 더보기 Debugging React Apps [React-The Complete Guide] Finding & Fixing ErrorsMaking Sense of React Error MessagesFinding Logical Errors via the Browser DevTools & DebuggerEnabling React's Strict ModeUsing the React DevTools for Application Analysis & Manipulation *콘솔에서 오류 메세지가 출력되는 경우오류 메세지 뒤의 stack-trace를 통해 문제가 발생하는 코드의 부분을 찾아갈 수 있음.ex) Value값 undefined 가져올 수 없는 case초기값 없을 시 if return을 통해 예외 처리 *코드에 논리적 오류가 있는 경우 콘솔에 오류 메세지가 출력되지 않음.value 값을 .. 더보기 Styling React Components [React - The Complete Guide 2024] Vanilla CSSCSS code is decoupled from JSX codeCSS code is not scoped to components -> CSS rules may clash across components How to Scoping?Inline Styleuse inline style by jsx => { } react에서는 style 값을 표준 동적 값 문법으로 전달해야함 {{ key : value }}일반적으로 cammel 방식 선호return (Inline Style의 장단점 Quick & easy to add to JSXSytles only affect the element to which you add them. Dynamic(conditioning) Sytling is sim.. 더보기 React Essentials [React - The Complete Guide] 본 글은 udemy의React- The Complete Guide 2024 (incl. Next.js, Redux)를수강하며 작성한 글입니다. 리액트의 핵심적인 부분들에 대해 알아보자. Components, JSX, Props, State & More"React Apps are built by combining components."=> Reusable Building Blocks, Related Code Lives Together, Separation of Concerns HTML, CSS, JS => React Component (JSX) - (transpile) > Browser DOM *JSX : JavaScript Syntax Extension Rules of React Components1... 더보기 GitHub저장소에 프로젝트 여러 개 올리기 React강의를 들으며 수행하게 되는 프로젝트들을 github에 올려두려고 했는데, 각 프로젝트별로 repository를 만들게 되니, 너무 지저분해 보여서하나의 repository에 여러 프로젝트들을 저장해두는 방법을 찾아보게 되었다. 하나의 저장소에 올린 후 지속적으로 개발하며 관리하는 것은 어려우므로, 개발이 끝난 프로젝트를 저장하는 용도로 사용하자.(개발이 끝나기 전까지는 각자의 repository 사용) *만약 프로젝트 또한 완전히 local에 있었다면... 깃허브에서 repository 생성 후git remote add origin [원격저장소 주소]git branch (브랜치 확인)git add .git commitgit push origin [브랜치 이름]을 통해 repository에 프로.. 더보기 02. 리액트 핵심 요소 깊게 살펴보기 [모던 리액트 Deep Dive] JSX란?JSX(JavaScript XML)는 JavaScript 코드 안에서 HTML을 작성할 수 있게 해주는 문법이다. JSX를 사용하면 React 컴포넌트를 직관적이고 가독성 있게 작성할 수 있다. JSX 코드는 브라우저가 직접 이해할 수 없으므로, Babel 같은 트랜스파일러를 통해 JavaScript 코드로 변환된다. 이 변환된 코드는 React의 React.createElement() 함수를 사용해 DOM 요소를 생성하게 된다.JSX의 기본 구성 요소JSXElement:HTML 구문 외에도 사용자 정의 컴포넌트 태그를 나타낸다. 사용자 정의 태그는 대문자로 시작해야 한다.JSXAttributes:JSXElement에 부여할 수 있는 속성들로, HTML 속성처럼 동작한다. props를 통해 컴포.. 더보기 이전 1 ··· 4 5 6 7 8 9 다음
