Ellen's Web Note

숫자만 입력 확인 const verifyNumber = (value: string) => { return !isNaN(Number(value)); }; 생년월일 입력 확인 const verifyBirth = (value: string) => { const regExp = /^((?:19|20)(?:[0-9]{2})(?:0[1-9]|1[0-2])(?:0[1-9]|[1,2][0-9]|3[0,1]))$/; return regExp.test(value); }; 전화번호 입력 확인 const verifyTelNumber = (value: string) => { let regExp = null; switch (value.length) { case 12: regExp = /(\d{4}).*(\d{3}).*(\d{4}..

export function removeConsole() { console.log = function no_console() { /* remove console log */ }; console.warn = function no_console() { /* remove console warn */ }; console.error = function no_console() { /* remove console error */ }; }

전화번호에 하이픈(-) 넣기 export const formatTelNumber = (value: string): string => { let formatvalue = ''; switch (value.length) { case 12: formatvalue = value.replace(/(\d{4})(\d{4})(\d{4})/, '$1-$2-$3'); break; case 11: formatvalue = value.replace(/(\d{3})(\d{4})(\d{4})/, '$1-$2-$3'); break; case 8: formatvalue = value.replace(/(\d{4})(\d{4})/, '$1-$2'); break; default: if (value.indexOf('02') === 0) {..

cra로 프로젝트 생성 > yarn create react-app cra_ts_jest --template typescript CRA 환경에서는 Test Runner로 Jest를 사용하고 있기 때문에 Jest를 따로 설치하지 않아도 yarn test를 통해 테스트코드를 실행할 수 있다. (프로젝트 생성 직후 yarn test 명령을 하면 App.test.tsx 테스트코드가 실행되는 것을 확인할 수 있다.) > yarn test PASS가 나온다면 완료. 실행 중 ' TypeError: expect(...).toBeInTheDocument is not a function '와 같은 에러가 발생한다면, 아래와 같이 설정. // src/setuptests.ts import '@testing-library/je..

import { createElement } from "react"; function Container({ children }: { children: JSX.Element | JSX.Element[] }) { const childArray = Array.isArray(children) ? children : [children]; return ( {childArray.map((child, idx) => { return createElement(child.type, { ...{ ...child.props, idx: idx, value: `value${idx}` } }); })} ); } 예시 : 의 자식으로 여러개의 노드를 사용하는 경우 JSX.Element[] 배열을 통해 선언되어 있는 모든 자식 노드를 ..