본문 바로가기

반응형

전체 글

(9415)
React 17 + TypeScript + 클래스 컴포넌트 환경에서 ag-Grid를 사용하여 chkResult 컬럼에 따라 신호등 모양의 색상 원을 표시하는 예제 React 17 + TypeScript + 클래스 컴포넌트 환경에서 ag-Grid를 사용하여 chkResult 컬럼에 따라 신호등 모양의 색상 원을 표시하는 예제입니다.요구사항:chkResult 값이:N → 회색 원W → 노란색 원E → 빨간색 원텍스트 앞에 원형(신호등 아이콘) 표시 import React, { Component } 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-theme-alpine.css';interface ..
React 커스텀 컴포넌트 포커스 이동 input2Ref는 단순한 이 아니라,AutoComplete: React.ForwardRefExoticComponent 즉, ref forwarding이 가능한 커스텀 컴포넌트입니다.그런데 input2Ref.current?.focus()를 호출해도 실제 DOM 포커싱이 이동하지 않음.이는 커스텀 AutoComplete 컴포넌트가 ref를 실제 DOM input에 제대로 forward하지 않았기 때문입니다.✅ 해결 방법 요약✅ 1. AutoComplete 컴포넌트가 ref를 내부 input에 전달하도록 구현되어야 합니다커스텀 컴포넌트에서 ref를 사용하려면, React.forwardRef로 감싸고 ref를 내부 input에 전달해야 합니다:// AutoComplete.tsximport React, { fo..
React Enter 이벤트 처리 예제(Class Component + TypeScript) import React, { Component, createRef } from 'react';interface State { condition1: string; condition2: string; condition3: string;}class SearchForm extends Component { input1Ref = createRef(); input2Ref = createRef(); input3Ref = createRef(); state: State = { condition1: '', condition2: '', condition3: '', }; handleKeyDown = (e: React.KeyboardEvent, fieldIndex: number) => { i..
Java에서 iBatis (MyBatis) 사용 시, List<LinkedHashMap<String, Object>> 특정 컬럼 존재하여 체크 로직 값 유무가 아닌 컬럼의 존재 유무를 SELECT 절 기준으로 확인하는 것입니다.Java에서 iBatis (MyBatis) 사용 시, List>로 결과를 받았다면, 일반적으로 각 row의 key는 SQL의 SELECT 절에 포함된 컬럼명이 됩니다. 따라서 이 컬럼이 실제 쿼리 결과에 포함되었는지는 다음과 같이 첫 번째 row의 키 목록을 기준으로 확인하는 방식이 가장 일반적이고 안전합니다 public class ResultColumnChecker { /** * 조회 결과에서 resultFlag와 resultMessage 컬럼이 SELECT 절에 포함되어 있는지 확인합니다. * * @param resultList iBatis 조회 결과 (List>) * @return tru..
Java, mariadb 환경에서 SQL를 수행하여 특정 컬럼 리턴 여부 검사하는 자바 소스 import java.sql.*;public class SqlResultValidator { public static void main(String[] args) { String sql = "SELECT resultCode, resultMessage FROM your_table"; // 테스트용 SQL try (Connection conn = DriverManager.getConnection( "jdbc:mariadb://127.0.0.1:3306/your_database", "root", "9909"); Statement stmt = conn.createStatement(); ResultSet rs = ..
DataEase 오픈 소스 데이터 시각화 분석 플랫폼 DataEase란 무엇인가요?DataEase는 사용자가 데이터를 빠르게 분석하고 비즈니스 동향에 대한 통찰력을 얻어 비즈니스 개선 및 최적화를 달성하는 데 도움이 되는 오픈 소스 BI 도구입니다. DataEase는 풍부한 데이터 소스 연결을 지원하고, 드래그 앤 드롭 방식으로 빠르게 차트를 만들 수 있으며, 다른 사람들과 쉽게 공유할 수 있습니다.DataEase의 장점:오픈 소스: 임계값 없음, 빠른 온라인 취득 및 설치, 월별 반복사용하기 쉬움: 매우 사용하기 쉽고 마우스를 클릭하고 드래그하여 분석을 완료할 수 있습니다.전체 시나리오 지원: 다중 플랫폼 설치 및 다양한 임베딩 지원안전한 공유: 다양한 데이터 공유 방법을 지원하여 데이터 보안을 보장합니다.DataEase가 지원하는 데이터 소스:OLTP ..
MeterSphere :: 소프트웨어 테스트를 보다 간단하고 효율적으로 만들어주는 오픈소스 테스트 도구 소개 https://gitee.com/fit2cloud-feizhiyun/MeterSphere MeterSphere는 소프트웨어 테스트를 보다 간단하고 효율적으로 만들어주는 새로운 세대의 오픈소스 지속적 테스트 도구입니다. 테스트 관리:테스트 케이스 관리부터 테스트 계획 실행, 결함 관리, 테스트 보고서 생성까지 기존 TestLink와 같은 전통적인 테스트 관리 도구보다 뛰어난 사용자 경험을 제공합니다.인터페이스 테스트:Postman의 사용성과 JMeter의 유연성을 결합하여 인터페이스 디버깅, 정의, Mock, 시나리오 자동화, 인터페이스 보고서 등 다양한 기능을 지원합니다.팀 협업**:"시스템-조직-프로젝트" 단계별 설계 개념을採用하여 단일 테스트 도구의 제약에서 벗어나 팀 협업을 효과적으로 수행할 수 있..
LuckyFrame 오픈소스 테스트 플랫폼 pom.xml 4.0.0 com.luckyframe LuckyFrameWeb 3.5.2 jar LuckyFrameWeb http://www.luckyframe.cn LuckyFrame 오픈소스 테스트 플랫폼 org.springframework.boot spring-boot-starter-parent 2.1.1.RELEASE UTF-8 UTF-8 1.8 1.11.0 2.0.0 1.3.2 1.2.5 1.2.83 1.1.10 2.5 1.3.3 1.191.16.18--> 1.7 2.3.2 2.7.0 1.11.3 3.17 3.9.1 4.5.7 5.8.16 org.springframework.boot spring-boot-starter spring-boo..

반응형