Programming

React v17을 쓰다가 뒤늦게 v18 업데이트 이후에 발생한 콘솔 에러이다. 이제 ReactDom.render는 React v18에서 더이상 지원을 안한다는 내용으로 아래와 같습니다. 타입스크립트를 사용하고 있는 경우 HTML은 null 일 수 없다는 에러가 뜬다면, ! 를 사용해서 container변수값이 null이 아님을 선언이 필요하다. // Before import { render } from 'react-dom'; const container = document.getElementById('app'); render(, container); // After import { createRoot } from 'react-dom/client'; const container = document.get..
//비밀번호 연속된 문자 4개 정규식 function pwReg(){ let cnt = 0; let cnt2 = 0; let tmp = ""; let tmp2 = ""; let tmp3 = ""; let tmp4 = ""; const validpw = password; for(let i=0; i 0 || cnt2 > 0){ return true; }else{ return false; } }
CSS flex box 속성 배우기 게임입니다. 일명 개구리게임으로 한글화도 잘 되어있고, 쉽고 간단하게 접근 할 수 있어서 이미 아실분들은 알고 계실것 같지만. 막 CSS의 flex와 grid에 관해 배웠다면 도움이 될 것같아 소개해봅니다. https://flexboxfroggy.com/#ko Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com
input에 휴대폰번호 (-)하이픈 자동입력 정규식 import { useState } from "react"; export default function App() { const [phoneNumber, setPhoneNumber] = useState(""); function regPhoneNumber(e) { const result = e.target.value .replace(/[^0-9.]/g, "") .replace(/^(\d{0,3})(\d{0,4})(\d{0,4})$/g, "$1-$2-$3") .replace(/(-{1,2})$/g, ""); setPhoneNumber(result); } return ( ); } 정규식 설명 // 숫자만 입력가능 .replace(/[^0-9.]/g, "") ..
Exception in thread "main" java.lang.arithmeticexception / by zero 이 발생했다면 아래 2가지를 확인 해보자.  원인1 - long 타입 선언해야할 것을 int 타입으로 선언했다.  원인2 - 0을 나누는 행동을 했다. 예시)//a와 b의 퍼센트를 구해야할 때, a값으로 0이 들어가면서 해당 에러 발생int a;int b;int percent = a*100/b
JPA에서 네이티브 쿼리를 사용할 때, param 값을 if문 처럼 사용하는 방법*방법*Native Query 사용:email is null or s.email = :email*Java 문법으로 표현하자면if(email != null){ return email;} return null;*예시@Query("SELECT c FROM Customer c WHERE (:name is null or c.name = :name)", nativeQuery = true)List findCustomerByNameAndEmail(@Param("name") String name); *참고 https://www.baeldung.com/spring-data-jpa-null-parameters
*String.format()을 사용하여 문자열 자리수 설정하기* DB에 공백없는 문자열 넣기%d - 10진수 상수 반환적용법 : String.format(%(공백에 넣어줄 숫자)(데이터 길이)d, (적용할 데이터)); *예시int i = "1"String.format("%08d", i); //result : "00000001"String.format("%010d", i); //result : "0000000001"
*React에서 option 이름 값 가져오기 e.target.options[e.target.selectedIndex].text *예시 function Test(){ const [optionName, setOptionName] = useState(); function seleted(e: React.ChangeEvent){ setOptionName(e.target.options[e.target.selectedIndex].text) } return ( {data.map((i) => ( {i.name} )} ) } *참고사이트 https://stackoverflow.com/questions/30306486/get-selected-option-text-using-react-js
(곰)팡이
'Programming' 카테고리의 글 목록 (2 Page)