본문 바로가기
반응형

전체 글

 (9415)
LuckyFrame 오픈소스 자동화 테스트 플랫폼 - 자동화 테스트 소개 자동화 구축을 더욱 간편하게 LuckyFrame 공식 사이트소개 **LuckyFrame 오픈소스 자동화 테스트 플랫폼 - 자동화 테스트의 시대가 왔습니다 ** LuckyFrame 테스트 플랫폼 환영합니다어떤 기능이 있나요? 분산 테스트: Web-Client 방식 사용. Web은 정보 관리 및 표시 담당, Client는 테스트 케이스 실행 담당.무제한 클라이언트 확장 가능.전문적인 테스트 케이스 관리: 자동화 테스트 케이스를 직관적으로 작성하고 관리할 수 있습니다.품질 관리: 자동화 모듈뿐만 아니라 간단한 품질 데이터 수집 및 분석, 다양한 차트를 통한 데이터 시각화 가능. 멀티쓰레드 실행: 클라이언트에서 테스트 케이스 실행 시 쓰레드 수 지정 가능. 실행 속도 향상. 다중 언어 지원: JAVA 및 Pyt..
LuckyFrame 자동화 테스트 플랫폼 SQL 스크립트 초기화 /* * LuckyFrame 자동화 테스트 플랫폼 SQL 스크립트 초기화 * 버전 3.1.1 * 작가 갈매기 * 날짜 2019-12-11 ************ 경고 ************ 이 스크립트를 실행하면 모든 데이터베이스 데이터가 초기화됩니다. 처음 실행할 때 주의하세요! ! ! ! V3.2 이상 버전에서는 자동 애플리케이션 초기화 및 업그레이드 SQL 스크립트가 구현되어 있어 수동으로 실행할 필요가 없습니다. 이 SQL 스크립트는 백업에만 사용됩니다. */ DROP DATABASE IF EXISTS luckyframe; CREATE DATABASE IF NOT EXISTS luckyframe DEFAULT CHARSET utf8 COLLATE utf8_general_ci; USE ..
React 17.0.2, TypeScript 4.3.5, Recharts 2.1.5를 사용한 클래스형 컴포넌트로 구현 React 17.0.2, TypeScript 4.3.5, Recharts 2.1.5를 사용한 클래스형 컴포넌트로 구현ag-Grid를 사용한 데이터 표시상단 메뉴바, 좌측 네비게이션, 메인 컨텐츠 영역으로 구성된 레이아웃대시보드와 코드 관리 페이지 구현npm install react@17.0.2 react-dom@17.0.2 typescript@4.3.5 recharts@2.1.5 ag-grid-react ag-grid-community react-router-dom axios 1. 기본 인터페이스 및 타입 정의 (types.ts)// types.tsexport interface User { name: string; image?: string; corporation: string; departmen..
React 17 챠트 에제 클래스형 컴퍼넌트 import React, { Component } from 'react';import axios from 'axios';import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer, Cell, LabelList} from 'recharts';import { RefreshCw } from 'lucide-react';// 타입 정의interface DashboardState { testPlan: { scenario: { mapped: number, total: number }, testCase: { mapped: number, total: number }, activity: { mapp..
LM Studio 설치 가이드 1. 시스템 요구사항운영체제:Windows 10 이상 (64-bit)macOS 11 이상 (Apple Silicon 또는 Intel)Linux (Ubuntu, Debian, Arch 등)메모리(RAM): 최소 8GB (16GB 이상 권장)저장공간: 모델에 따라 수 GB ~ 수십 GB 필요GPU: 선택 사항 (CPU 모드도 가능, GPU 사용 시 속도 향상)2. LM Studio 다운로드공식 사이트 접속:https://lmstudio.ai페이지 하단 또는 상단의 Download 버튼 클릭운영체제에 맞는 설치파일 선택 후 다운로드:Windows: LM_Studio_Setup.exemacOS: LM_Studio.dmgLinux: .AppImage 또는 .deb 파일3. 설치 과정🔹 Windows다운로드한 L..
React17, Typescript 생성 프로젝트 생성 : 저는 디렉토리는 생성 했음.npx create-react-app . --template typescriptex)npx create-react-app my-app --template typescriptcd my-app 오류발생 npm install --save-dev @types/react@17.0.38 @types/react-dom@17.0.2 npm install typescript@4.3.5 --save-dev "recharts": "^2.1.5",
React 17.0.2 모달 창 띄우기(클래스형) 1. App.tsx (메인 컴포넌트)React.Component를 상속받는 클래스로 변경상태(state)와 속성(props) 타입 인터페이스 정의생성자에서 초기 상태 설정 및 메소드 바인딩함수형 컴포넌트의 useEffect 대신 componentDidMount 사용상태 업데이트를 위해 this.setState 사용2. ViewSqlModal.tsx클래스형 컴포넌트로 변환상태와 속성 인터페이스 정의생성자에서 초기 상태와 메소드 바인딩 설정함수형 컴포넌트의 useState 훅 대신 클래스 상태 관리 사용3. AddPartnerModal.tsx클래스형 컴포넌트로 변환react-hook-form 대신 내부 상태로 검색 필드 관리폼 제출 이벤트 핸들러 추가인풋 필드 변경 핸들러 구현주요 코드 변경 포인트상태 관리..
React 17.0.2 모달 창 띄우기(함수형) App.tsx import React, { useState, useEffect } from 'react';import { AgGridReact } from 'ag-grid-community';import 'ag-grid-community/dist/styles/ag-grid.css';import 'ag-grid-community/dist/styles/ag-theme-alpine.css';import { ViewSqlModal } from './components/ViewSqlModal';import { AddPartnerModal } from './components/AddPartnerModal';import './App.css';// 메인 그리드 데이터 타입 정의interface MainRowData {..
반응형

티스토리툴바