DEV/Javascript (16) 썸네일형 리스트형 이모지 필터링 하기 SMS의 인코딩 문제로 4바이트 이모지를 필터링 할 필요가 생겨서 여러 방법을 찾아보던 중주로 사용되는 문자들이 유니코드 문자에서 대부분 U+0000 ~ U+FFFF의 10진수 코드로 0~ 65535까지의 범위라단순하게 필터링 하는 방법을 사용하기로 함 Intl.Segmenter를 지원하는 환경const text = '가⚠️나🙏다💜라';// 이모지 포함 체크function containsEmoji(segment) { return [...segment].some(cp => { const c = cp.codePointAt(0); return [...segment].some(cp => cp.codePointAt(0) > 0xFFFF); });}const segmenter.. 🛑Uncaught ReferenceError: getEventListeners is not defined 에러내용"Uncaught ReferenceError: getEventListeners is not defined"getEventListeners()라는 메소드가 없어서 발생하는 에러 element에 등록된 이벤트 확인 로직을 검색 하던중 해당 구문을 사용하는 소스코드에서 에러가 나서 찾아보니 getEventListener() 메소드는 크롬 개발자 도구에 내장된 콘솔창 전용 api일 뿐, 자바스크립트 표준 메소드가 아니기 때문에 발생하는 에러입니다. 직접적으로 이벤트 바인딩을 확인할 수 있는 자바스크립트 표준 메소드는 존재하지 않기 때문에 별도의 클래스를 이용해 체크하면 됩니다. [Vue] InfiniteScroll Vue에서 사용하기 위해 만든 InfiniteScroll 컴포넌트 [jQuery] 스크롤 끝 이벤트 알아내기 브라우저창 스크롤 끝 이벤트 $(window).scroll(function () { if ($(window).scrollTop() == ($(document).height() - $(window).height())) { console.log('window scroll End!!'); } }) DIV 스크롤 끝 이벤트 $('#wrap').scroll(function () {var el = $(this); if((el[0].scrollHeight - el.scrollTop()) == el.outerHeight()) {console.log('wrap scroll End!!'); }}) [Javascript] Object 프로퍼티 체크 자바스크립트에서 Object에 for ... in 문법을 사용하면 해당하는 오브젝트의 프로토타입에 프로퍼티도 키 값에 넘어와 오류가 발생하는 경우가 있다. 현재 Object에 있는 Property인지 구분하는 방법은 hasOwnProperty를 사용하면 된다. 예시 Array.prototype.divide = function() { }; var obj = [{ TITLE: 'TEST' }]; for(k in obj) {console.log(k, obj.hasOwnProperty(k));} 결과 /* 키 hasOwnProperty> '0' true 키 값에 인덱스가 넘어옴> 'divide' false*/ [Javascript]빈 Object 체크 자바스크립트에서 Object가 비어있는지 체크할 때는 Object.getOwnPropertyNames()를 사용하면 된다. Object.getOwnPropertyNames(obj).length === 0; 예시 var obj = {}; Object.getOwnPropertyNames(obj).length === 0; // true obj = { 'not': 'empty }; Object.getOwnPropertyNames(obj).length === 0; // false 첫일 말일 구하기 var date = new Date(); var first = new Date(date.getFullYear(), date.getMonth(), 1); var last = new Date(date.getFullYear(), date.getMonth() + 1, 0); // 날짜가 0이면 -1일이된다. 문자를 유니코드로 변환하기 1. 문자열 -> Unicodevar a = 'ㄱ'.charCodeAt(0); // strObj. charCodeAt(index); // 출력: a = 12593 매개 변수 strObj 필수 사항 임의의 String 개체 또는 문자열 리터럴입니다. index 필수 사항 원하는 문자의 0부터 시작하는 인덱스입니다.지정된 인덱스에 문자가 없으면 NaN이 반환됩니다. 2. Unicode -> 문자열 var b = String.fromCharCode(12593) // 출력: b = "ㄱ" // String.fromCharCode([code1[, code2[, ...[, codeN]]]]) 매개 변수 String 필수 사항 String 개체입니다. code1, . . . , codeN 선택 사항입니다. 문자열로 .. 이전 1 2 다음