공부/React

e-commerce 및 회원정보 등에서 자주 사용하는 마스킹 방법 (정규식) 1. 천 단위 콤마( , ) 추가하기 const addComma = (num: number) => { return num.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); }; console.log('addComma - result : ', addComma(123456789)); 2. 휴대폰 번호 하이픈( - ) 추가하기 const addHyphen = (phoneNum: String) => { if (!phoneNum) return ''; return phoneNum.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); }; console.log('..

1. moment 사용하기 사용하기 위해선 moment를 먼저 install을 해준뒤 import시켜주면 된다. 한국어 or 한국시간으로 표현하기 위해 언어도 같이 import 시켜준다. npm install moment =================== import moment from 'moment'; import 'moment/locale/ko'; 2. react-use를 사용하기 setInterval()를 사용하지 않는 이유 React에서는 state가 변하면 re-rendering 되기 때문에 setInterval()함수는 무한히 실행이 된다. useEffect를 사용해도 제대로 작동하기 않고, 무한루프에 빠지기 때문에 react-use를 사용하여 useInterval를 사용한다. npm i ..