프로그램 (89) 썸네일형 리스트형 nameSearch 에러 recognize the nameSearch prop on a DOM element recognize the nameSearch prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase namesearch instead. If you accidentally passed it from a parent component, remove it from the DOM element. ==> React에서는 DOM 요소에 전달된 props 중, HTML 표준 속성이 아닌 커스텀 속성이 자동으로 걸러지거나 경고가 발생할 수 있습니다. 예를 들어 nameSearch와 같은 커스텀 속성은 표준 HTML 속성이 아니므로 직접 DOM에 적용하려고 하면.. date.isValid is not a function 리액트 date.isValid is not a function 은 DatePicker를 사용할때 에러가 발생했는데요. 데이터를 조회하고 세팅시 날짜의 형식 문제가 발생했습니다. //날짜 관련 라이브러리 import import dateUtil from '@/utils/core/dateUtil'; import dayjs from 'dayjs'; //실제 데이터 조회결과를 날짜를 세팅하고 사용합니다. const testYmd = '20240909' ;dateUtil.toDayjs(testYmd); 리액트 정규식 간단한 체크 로직만들때 유용한 리액트 정규식 정리해봤습니다. / * 숫자만 */ /^[0-9]+$/ / * 특수문자 제외 */ /^[a-zA-Z0-9ㄱ-ㅎㅏ-ㅣ가-힣]+$/ / * 한글만 */ /^[ㄱ-ㅎㅏ-ㅣ가-힣]+$/ / * 영어만 */ /^[a-zA-Z]+$/ / * 한글+영어 */ /^[ㄱ-ㅎㅏ-ㅣ가-힣a-zA-Z]+$/ / * 이메일 *//[^a-zA-Z0-9@._-]+/ / * 샘플소스 *///영어가 아니면 확인되는 소스if (!/^[a-zA-Z]+$/.test(event.target.value)) { event.preventDefault(); event.target.value = event.target.value.replace(/[^a-zA-Z]+/g, '');} .. React 타임워치 (Stopwatch) React에서 타임워치( Stopwatch )를 구현하는 방법을 설명하겠습니다. 이 구현은 useState와 useEffect 훅을 사용하여 시간 상태를 관리하고, 타이머를 시작하고 중지하는 기능을 포함합니다.타임워치 컴포넌트 구현상태 관리: 시간을 초 단위로 저장하기 위한 상태와 타이머의 작동 여부를 저장하기 위한 상태를 만듭니다.타이머 제어: 타이머를 시작, 중지, 리셋하는 기능을 구현합니다.UI 업데이트: 시간이 업데이트될 때마다 화면에 표시합니다.import React from 'react'; import Stopwatch from './Stopwatch'; const App = () => { return ( React Stopwatch ); }; .. react window popup 사용방법 React에서 팝업 윈도우를 사용하는 방법에는 여러 가지가 있습니다. 여기서는 팝업 윈도우를 생성하고 데이터를 주고받는 예제를 통해 설명하겠습니다.1. 기본 팝업 윈도우 생성우선, 팝업 윈도우를 생성하는 가장 기본적인 방법을 살펴보겠습니다. window.open 메서드를 사용하여 새로운 브라우저 창을 열 수 있습니다. import React, { useState } from 'react'; const PopupExample = () => { const [popup, setPopup] = useState(null); const openPopup = () => { const popupWindow = window.open( '', 'popupWindow', 'wi.. Syntax error, annotations are only available if source level is 1.5 or greater Syntax error, annotations are only available if source level is 1.5 or greater 해결방법 1. 프로퍼티 -> Build Path - Libraries - JRE System Library 확인 2.프로퍼티 -> project Facets 이게 제일 기본적인 방법이네요. ERR_MODULE_NOT_FOUND 해결방법 React 에 Node.js 를 같이 사용중인데 뜬금없는 ERR_MODULE_NOT_FOUND 에러가 발생했습니다. 이건 또 뭐지 ... 흠 특정 파일을 못 찾는다고 나오는데 파일 자체는 존재하는데 왜 그런지 딱히 의심가는건 git pull을 너무 안받아서 뭔가 바뀐게 많은 듯 한데 정확히는 모르겠네요. 우선 터미널에서 npm audit fix --force 명령어 실행 보통은 이렇게 하니 저도 해결은 되었습니다. ORA-00932: 일관성 없는 데이터 유형: -이(가) 필요하지만 CLOB임 ** ORA-00932: 일관성 없는 데이터 유형: -이(가) 필요하지만 CLOB임 발생하는 원인 CLOB, BLOB 같은 타입은 일반적인 데이터 형의 컬럼들 처럼 사용하시면 안됨 CLOB는 오라클 VARCHAR 형의 길이적 한계를 극복하기 위해 만들어진 데이터형 해당 타입들은 group by, order by 같은 연산에 참여할 수 없습니다. 출처 :: https://okky.kr/questions/390846 이전 1 2 3 4 5 ··· 12 다음