앙큼한 개발기록

정규식을 이용한 점 찍기 소수점 3자리 마다 점 찍기 function addCommaToNumber(number) { if (!number) { return '0' } let result = number.toString() return result.replace(/\B(?=(\d{3})+(?!\d))/g, ',').toString() }

javascript에서는 두 객체 배열을 합치고, 비교하고 중복 체크하는 경우가 많은데 이번 기회에 정리를 한번 해 보고자 한다. 조건 객체 let arr1 = [ { uid: 1, name: "사과" }, { uid: 2, name: "배" }, { uid: 3, name: "귤" }, { uid: 4, name: "감" } ] let arr2 = [ { uid: 2, name: "배" }, { uid: 3, name: "귤" }, { uid: 5, name: "포도" } ] 라는 객체가 있다고 했을 때 1. 두 객체 배열에서 중복 제거 (arr1에서 arr2와 중복되는 애들 제거) let list = arr1.filter(e => { return !arr2.some(el => el.uid === e...

저장 날짜를 선택해 주세요. 시작일 시작일 – %1$s %1$s – 종료일 %1$s – %2$s 시작일 – 종료일 종료일 시작일 일 월 년 material datepicker를 한글로 표현하기 위해서는 string 값에 다음 값들을 넣어주면 된다. 이 외에도 overried 되는 값들이 있으나 오류메세지와 기타 다른 정보들 이였던거 같다. material master string에서 바꾸고 싶은 항목을 찾아서 override 하면 된다. https://github.com/material-components/material-components-android/blob/master/lib/java/com/google/android/material/datepicker/res/values/strings.xml 내..

테이블을 사용하면서 고객이 칼럼의 크기를 자유롭게 조절해 달라고 요청이 들어왔다. 기존에 사용하던 테이블 태그를 버리고 div를 이용해서 테이블의 컬럼을 자유롭게 조절할 수 있도록 구현 한 내용을 정리해 보고자 한다. 인터넷에 검색하니까 잘 안나오더라.. 처음에는 테이블을 구현하고 css 를 이용해서 resize 속성을 넣어서 좌우로 마우스를 이용해 조절하게 해놓았다. 이름 ... .. 근데 vue에서 v-on:resize 로 이벤트를 받을 수 없어서 이것 저것 찾던 중 resize 될때마다 호출 되게 할수 있고 resize에 대한 이벤트를 받을 수 있는 라이브러리가 있어서 적용했다. 내가 적용한 라이브러리 :vue-element-resize-detector https://www.npmjs.com/pac..

git 작업을 하다보면 로컬에 clone을 해서 작업하고 나서 push를 할때 해당 에러가 나는 경우가 있다. > error: failed to push some refs to 이는 로컬의 저장소 와 원격저장소의 폴더 구성이 다르기 때문에 나타나는 오류로 git pull 을 한 후 git push 를 진행하면 된다. > git pull origin [branch name] 그럼 conflict가 나서 merge를 해야 되거나 아래와 같은 오류가 발생할 수 있다. > refusing to merge unrelated histories 이러한 경우에는 pull을 받을때 아래와 같이 하면 된다. > git pull origin [branch name] --allow-unrelated-histories unre..