분류 전체보기 (9429) 썸네일형 리스트형 React 17 + TypeScript 환경의 클래스 컴포넌트에서 hh24:mi 형식(예: 13:32)의 값을 입력받아 유효성 검증하는 React 17 + TypeScript 환경의 클래스 컴포넌트에서 hh24:mi 형식(예: 13:32)의 값을 입력받아 유효성 검증하는 예제를 아래에 작성해드리겠습니다.검증 조건은 다음과 같습니다:형식은 HH:MI (00:00 ~ 23:59)정규표현식으로 검증잘못된 경우 에러 메시지를 출력import React, { Component, ChangeEvent } from 'react';interface State { time: string; error: string;}class TimeInputValidator extends Component { state: State = { time: '', error: '', }; validateTimeFormat = (value: string): .. 하단 그리드(BottomGrid.tsx)에서 hide 사용 예제 ag-Grid에서 하단 그리드의 컬럼을 조건(testType)에 따라 보이거나 숨기는 방법으로 columnDefs의 hide 속성을 사용하는 방식은 매우 일반적이고 효과적입니다.아래는 React 17 + TypeScript에서 hide 속성을 동적으로 제어하는 예제입니다.✅ 하단 그리드(BottomGrid.tsx)에서 hide 사용 예제import React, { useMemo } from 'react';import { AgGridReact } from 'ag-grid-react';import { ColDef } from 'ag-grid-community';import 'ag-grid-community/styles/ag-grid.css';import 'ag-grid-community/styles/ag-t.. ag-Grid에서 특정 필드를 조건(testType 값 등)에 따라 보여주거나 숨기는 방법 import React, { useState, useMemo } from 'react';import { AgGridReact } from 'ag-grid-react';import 'ag-grid-community/styles/ag-grid.css';import 'ag-grid-community/styles/ag-theme-alpine.css';const rowData = [ { name: 'Alice', age: 25, score: 90 }, { name: 'Bob', age: 30, score: 85 },];export const MyAgGrid = () => { const [testType, setTestType] = useState('A'); const columnDefs = useMemo(.. Failed prop type: invaild prop value[0] of type String supplied to DataRangePicker, expcted instance of 'Date' 오류 오류 메시지:Failed prop type: Invalid prop `value[0]` of type `String` supplied to `DateRangePicker`, expected instance of 'Date'이 메시지는 다음과 같은 핵심 내용을 담고 있습니다:DateRangePicker에 넘긴 value의 항목이 Date 인스턴스가 아니라 문자열(string) 이라는 뜻입니다.즉, selectRow.excludeDt = ['2025-06-11', '2025-06-12']처럼 문자열이 들어가 있었기 때문입니다.✅ 1. 원인 분석selectRow.excludeDt?.[0] = selectRow.excludeFromDt;이 코드에서 selectRow.excludeFromDt와 selectRow... LM Studio 기반 Llama 3 도입 및 이관 가이드 (Windows 11 기준) ✅ 1. LM Studio란?LM Studio는 로컬 PC에서 LLM(대형 언어 모델)을 GUI 환경에서 실행할 수 있도록 도와주는 무료 도구입니다.Windows, macOS, Linux 지원하며, Llama 3, Mistral, Yi 등 다양한 모델 실행 지원👉 사용자가 직접 인터넷 없이 모델을 실행할 수 있음🔗 공식 사이트✅ 2. 설치 환경 사양항목 최소 사양 권장 사양운영체제Windows 11 64bitWindows 11 ProGPUNVIDIA GTX 1660 이상RTX 3090/4090 (VRAM 24GB 이상)RAM16GB32GB~64GB저장소30GB 이상SSD 1TB 이상✅ 3. LM Studio 설치 및 Llama 3 실행🧩 Step 1. LM Studio 다운로드 및 설치https:/.. GitHub처럼 Hugging Face도 2023년부터 패스워드 대신 토큰 인증만 허용 좋습니다! Hugging Face에 가입 및 이메일 인증까지 완료하셨다면, 다음 단계는 **Access Token(액세스 토큰)**을 생성하고 이를 Git에 사용하는 것입니다.GitHub처럼 Hugging Face도 2023년부터 패스워드 대신 토큰 인증만 허용하고 있습니다.✅ 문제 원인 요약오류 메시지:remote: Password authentication in git is no longer supported. You must use a user access token or an SSH key instead.👉 해결책: Hugging Face Access Token을 발급받아 Git 인증에 사용해야 합니다.🛠️ 해결 방법 (Access Token 사용)1. Hugging Face에서 토큰 발급 받.. AI 도입을 위한 Llama 3 로컬 설치 및 이관 가이드 아래는 Llama 3 모델을 기반으로 AI를 도입하기 위한 로컬 PC 설치, 학습, 이관에 대한 상세 가이드입니다.운영 체제는 Windows 11, 설치 환경은 로컬 PC, 최종 목적지는 대학교 내부 서버/PC입니다. ✅ 1. 개요항목 설명대상 모델Meta AI Llama 3 (8B or 70B)환경Windows 11 (로컬 개발), 내부 서버목적전산망에서 자체 운영 가능한 한글 지원 AI특징한글 가능, 상업적 이용 가능 (Meta license 기준), 고성능✅ 2. 사전 준비 사항💻 로컬 PC (개발 및 테스트용)항목 권장 사양GPUNVIDIA RTX 3090 / 4090 이상 (VRAM 24GB 이상)RAM64GB 이상StorageSSD 1TB 이상OSWindows 11 64bitPython3.1.. React 17 + TypeScript에서 onLoad 이벤트 구현 예제 # React 17 + TypeScript에서 컴포넌트 로드 완료 시점 감지하기 React에서 컴포넌트가 완전히 로드되었을 때(마운트 완료 시) 한 번 실행되는 효과를 구현하는 방법은 여러 가지가 있습니다. 가장 일반적인 방법은 `useEffect` 훅을 사용하는 것입니다. ## 1. 기본적인 컴포넌트 로드 감지 (useEffect) import React, { useEffect } from 'react';const ComponentLoadExample: React.FC = () => { useEffect(() => { // 컴포넌트가 마운트된 후 한 번 실행됩니다. console.log('Component loaded!'); // cleanup 함수 (컴포넌트 언마운트 시 실행.. 이전 1 ··· 10 11 12 13 14 15 16 ··· 1179 다음