underscore 3

underscore 알아보기 (3)

안녕하세요. 계속해서 underscore 관련 포스팅을 이어나가겠습니다. 이번에 다룰 내용은 함수입니다.bind, bindAll, partial, memoize 로 함수를 합성해보겠습니다. 1. _.bind( function, object, *arguments)원본 function파라미터에 대한 새로운 wrapper함수를 반환합니다. var accu = { currentValue : 0, add: function (val) { this.currentValue += val; }, substract: function(val) { this.currentValue -= val; } }; accu.currentValue = 5; accu.add(2); accu.substract(3); console.log('현재..

프론트엔드 2017.10.10

underscore 알아보기 (2)

안녕하세요. underscore 알아보기 (1)에 이어 후속 내용을 이어가도록 하겠습니다. 이 전에 each, context(this), find, countBy, reduce, some, contains, every, max, min, sortBy, groupBy 를 알아보았습니다. 이번에는 reject, filter, partition, toArray, values, object, defference, shuffle, sample, invoke, first, rest, last, initial ,union, intersection, uniq, zip, compact, indexOf, range 를 알아보겠습니다. 1. _.reject, _.filter, _.partition, _.difference ..

프론트엔드 2017.09.07

underscore 알아보기 (1)

안녕하세요.자바스크립트 라이브러리인 언더스코어에 다한 포스트를 하려고 합니다.매우 작은 용량과 간단한 사용이 장점이며자바스크립트로 array []나 object {}를 다룰때 필수적으로 필요한 라이브러리입니다.약 100여가지의 함수가 있지만 ES5, ES6를 거치면서 안쓰게 되는 함수도 있고 (ES5, ES6의 내장함수가 더 빠르기 떄문)쓰임이 겹치는 경우도 있습니다. 문장 몇개와 예제 하나면 이해가 되는 함수들이 있는 반면에 난해한 함수도 있습니다.활용도가 높은 함수 위주로 설명하겠습니다. 테스트를 진행할 샘플 데이터 입니다.var data = [ { "productName": "Change Gout", "mf_compony": "Jam3", "mf_country": "Canada", "date": "..

프론트엔드 2017.07.19