2021-04-27 TIL

2021-04-27 TIL

Vue.js에서 @input과 @change

입력값 바뀔때마다 글자 변경 감지하기 by 유쟁쟁이
vue에서 숫자 -> 전화번호 형식으로 변경하기

뷰에서 입력받는 동시에 핸드폰 번호 정규식에 맞게 변환하기 위해서 찾아본 내용. 처음엔 평소처럼 @change를 사용했는데 blur처럼 포커스가 아웃되어야 변경이 감지되었다. @input으로 태그를 바꾸고 나니 바로바로 변경이 감지되었는데 무슨 차이인지 찾아보자.

배열 내 객체 중복 제거

배열 내 객체 중복 id 값 제거 by Kyounghwan

처음엔 배열의 중복값을 제거하려고 set을 이용해서 코드를 짰는데 계속 중복인 상태로 남아있었다. 다시 응답값을 자세히 살펴보니 배열안에 여러 객체가 중복으로 몇 개 섞여있는 형태로 되어 있었다. set을 만드는 건 같았으나, map(JSON.stringify)과 map(JSON.parse) 부분을 추가했어야 했다. 왜 해야 하는지 알아보자.

[...new Set(example.map(JSON.stringify))].map(JSON.parse);

TODO. 주말에 정리하기..ㅎ