프로그램 (89) 썸네일형 리스트형 리액트 엔터값 변환 처리 방법 리액트(React)에서 엔터(\n) 값을 변환하는 방법은 여러 가지가 있습니다.주로 줄바꿈 처리를 할 때 사용되며, HTML에서 태그로 변환하는 방식이 일반적입니다.1️⃣ replace()를 사용해 태그로 변환문자열의 \n을 태그로 변환하여 JSX에서 렌더링합니다.jsx복사편집const TextWithLineBreaks = ({ text }) => { return p dangerouslySetInnerHTML={{ __html: text.replace(/\n/g, "br />") }} />; }; 📌 주의: dangerouslySetInnerHTML을 사용할 경우 XSS(보안) 문제에 주의해야 합니다.2️⃣ split("\n")을 사용하여 줄바꿈 처리split("\n")을 사용하여 배열로 나눈 후.. ORA-01810: 형식 코드가 두번 나타났습니다 오랜만에 생소한 에러발견 ~ *YMD, TM은 컬럼명*TEMP는 테이블명 SELECT TO_CHAR(TO_DATE(YMD||TM, 'YYYY-MM-DD DD24:MI') , 'YYYY-MM-DD DD24:MI') AS DT FROM TEMP 날짜와 시간 조합으로 조회된 결과 사용 중이였는데 갑자기 에러가 발생 ... 'ORA-01810: 형식 코드가 두번 나타났습니다' 이란 생소한 에러 찾아보니 형식코드가 두번 나타났다 ... 날짜 형식 DD 가 두번 사용되어서 나타난 거였다. 시간을 DD -> HH 로 변경했더니 해결 되었다. SELECT TO_CHAR(TO_DATE(YMD||TM, 'YYYY-MM-DD HH24:MI') , 'YYYY-MM-DD HH24:MI') AS DT FROM TE.. react의 for 대신 사용하는 .forEach 에서 validation .forEach에서 **유효성 검사(Validation)**를 적용하려면, 각 요소를 순회하며 조건을 확인하고 필요한 로직을 실행할 수 있습니다. 아래는 .forEach를 활용하여 데이터를 검증하는 몇 가지 예를 보여드립니다. 1. 배열의 값이 특정 조건을 만족하는지 확인 ** 소스const numbers = [10, 20, 5, -3, 25]; numbers.forEach((num) => { if (num console.log(`유효하지 않은 값: ${num}`); } else { console.log(`유효한 값: ${num}`); } }); **. 결과 유효한 값: 10 유효한 값: 20 유효하지 않은 값: -3 유효한 값: 25 2. 유효하지 않은 값만 따로 저장** 소.. 오늘 11월 8일 캐시워크 돈버는퀴즈 정답 요기요 캐시워크 돈버는퀴즈 정답 요기요 주문만 해도 ‘현금 총 1억’을 드려요 11월 1일 ‘1등’ 당첨 고객님은 ‘OOOOO 목동점’에서 주문했어요! 퀴즈 정답은 '도미노피자'이다. 다른 정답은 '에그드랍, 메가MGC'이다. 리액트 엑셀파일업로드 (같은 이름의 엑셀파일 재업로드) /* 리액트 파일업로드 기본소스 액셀업로드가 있다면 event.target.value 부분을 초기화 하면 같은 이름의 파일 재업로드 가능해짐*/ import React, { useState } from 'react'; import * as XLSX from 'xlsx'; const ExcelUpload: React.FC = () => { const [excelData, setExcelData] = useState([]); const handleFileUpload = (event: React.ChangeEvent) => { // event: React.ChangeEvent ==> 엑셀업로드 파일명이 다른 경우에만 적용 (안에 내용이 바뀌어도 적용이 인식이 안됨) const file = e.. java.util.regex.PatternSyntaxException: Illegal repetition near index 2#{TEST_NM} 자바오류 ** java.util.regex.PatternSyntaxException: Illegal repetition near index 2 오류는 주로 정규 표현식에서 *, +, {} 등의 반복 연산자가 올바르게 사용되지 않았을 때 발생합니다. 주어진 예시 #{TEST_NM}에서는 {}가 문제가 될 가능성 있음. {}는 정규 표현식에서 특정 패턴이 반복되는 횟수를 지정하는데, 이를 단순 문자로 사용하려면 이스케이프 처리가 필요합니다. {}가 정규 표현식에서 특별한 의미를 가지므로 이를 단순 문자로 취급하려면 이스케이프(\\{와 \\}) 처리를 해야 합니다. String originalString = "#{TEST_NM}"; // 정규 표현식에서 { }는 특별한 의미를 가지므로 이스케이프 처리 String r.. 리액트 년월 차이 계산 자바스크립트 리액트 년월 차이 계산 자바스크립트 //시작일자, 종료일자 넣고 조회하는 함수 const getYearMonthDifference = (startDate, endDate) => { const start = new Date(startDate); const end = new Date(endDate); let years = end.getFullYear() - start.getFullYear(); let months = end.getMonth() - start.getMonth(); // 만약 월 차이가 음수면, 연도에서 1을 빼고 월을 보정합니다. if (months years -= 1; months += 12; } return { years, months };.. Missing "key" prop for element in iterator react/jsx-key //댓글 목록 소스 ctxts.map((file: any) => ( {file.wrtrNo}(gdhong) 2024-01-01 09:19:34 )) 이런오류가 발생The error you're seeing (Missing "key" prop for element in iterator) occurs when rendering a list of elements in React, and each element in the list doesn't have a unique key prop. This is required by React to efficie.. 이전 1 2 3 4 ··· 12 다음
