본문 바로가기

Dev. Web

 (37)
countBy - 그룹별 카운트 const countBy = (arr, fn) => arr.map(typeof fn === 'function' ? fn : val => val[fn]).reduce((acc, val) => { acc[val] = (acc[val] || 0) + 1; return acc; }, {}); countBy([6.1, 4.2, 6.3], Math.floor); // {4: 1, 6: 2} countBy(['one', 'two', 'three'], 'length'); // {3: 2, 5: 1}
isSorted - 배열 정렬 확인 const isSorted = arr => { let direction = -(arr[0] - arr[1]); for (let [i, val] of arr.entries()) { direction = !direction ? -(arr[i - 1] - arr[i]) : direction; if (i === arr.length - 1) return !direction ? 0 : direction; else if ((val - arr[i + 1]) * direction > 0) return 0; } }; isSorted([0, 1, 2, 2]); // 1 isSorted([4, 3, 2]); // -1 isSorted([4, 3, 5]); // 0
intersection - 배열 교집합 const intersection = (a, b) => { const s = new Set(b); return a.filter(x => s.has(x)); }; intersection([1, 2, 3], [4, 3, 2]);
forEachRight - 반복해서 콜백 처리 const forEachRight = (arr, callback) => arr .slice(0) .reverse() .forEach(callback); forEachRight([1, 2, 3, 4], val => console.log(val)); // '4', '3', '2', '1'
[HTML/CSS] 웹페이지 폰트 변경 순서 및 작업 일지 [출처] 써나님 블로그 홈페이지 폰트 변경하기 ▶순서 1.필요한 폰트의 ttf 파일 확보 -ttf→eot, ttf→woff 2.제공할 웹 브라우저에 맞는 폰트 확장자 변경 (use) eotfase.com -ttf→eot (for IE, Chrome) (use) http://people.mozilla.org/~jkew/woff/ -ttf → woff (for Firefox) +포스팅 http://blog.naver.com/j_seonhwa/220803113202 [ttf/eot] 웹폰트 변경을 위한 폰트 확장자 변경(ttf to eot) ▶대표적으로 사용하는 인터넷 브라우저 -IE (인터넷 익스플로러, Internet Explore) -Chrome (크롬) ... blog.naver.com http://b..
키보드로 이동 가능한 리스트 키보드로 이동 가능한 리스트 https://jsfiddle.net/cse_tushar/5LM4R/ 검색어 : javascript list keyboard navagation
[Javascript ] 프로토타입 이해하기 [출처] 오승환님 블로그 자바스크립트는 프로토타입 기반 언어라고 불립니다. 자바스크립트 개발을 하면 빠질 수 없는 것이 프로토타입인데요. 프로토타입이 거의 자바스크립트 그 자체이기때문에 이해하는 것이 어렵고 개념도 복잡합니다.하지만 프로토타입이 무엇인지 깨우친 순간 자바스크립트가 재밌어지고, 숙련도가 올라가는 느낌을 팍팍 받을 수 있습니다. 그럼 지금부터 프로토타입을 이해해봅시다.Prototype vs Class클래스(Class)라는 것을 한 번쯤은 들어보셨을겁니다. Java, Python, Ruby등 객체지향언어에서 빠질 수 없는 개념이죠. 그런데 중요한 점은 자바스크립트도 객체지향언어라는 것입니다. 이게 왜 중요하냐구요? 자바스크립트에는 클래스라는 개념이 없거든요. 대신 프로토타입(Prototype)..
jQuery와 javascript 에서의 trim() 함수 대부분의 프로그래밍 언어에서 trim() 함수는 문자열 앞과 뒤 공백을 제거하는 함수이다. 하지만 javascript 에서는 기본적으로 이 함수를 제공하지 않는데, 이 때문에 jquery의 trim()이 많이 사용된다 var str = ...; var trimmed_str = jQuery.trim(str); 만약 jquery를 쓰기 싫다면 정규식을 사용한 아래 함수를 이용하면 된다 function trim(stringToTrim) { return stringToTrim.replace(/^\s+|\s+$/g,""); } var trimmed_str = trim(str);

티스토리툴바