Hengxi's 개발 블로그

이 두 가지 방법 모두 DOM 이벤트를 기반으로 실행하는 자바스크립트를 성능상의 이유로 JS의 양적인 측면, 즉 이벤트(event)를 제어(제한)하는 프로그래밍 기법이다. 웹/앱 사용자가 스크롤(scroll wheel), 트릭 패드, 스크롤 막대를 드레깅 한다고 하면, 사용자는 크게 느끼지 못할 수 있으나 이 행위로 인해 수많은 스크롤 이벤트가 발생하게 된다. 이때 매번 스크롤 이벤트에 대한 콜백(callback)이 발생하고 그 콜백이 수행하는 일은 매우 큰 리소스를 잡아먹게 될 것이다. 디바운싱과 쓰로틀링은 이벤트가 과도한 횟수로 발생하여 이벤트 핸들러가 무거운 연산을 수 없이 많이 수 행하는 경우에 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생시키는 것을 목표로 하는 기술이다. 디바운싱 연이어 ..

일급 함수 일급 함수는 함수를 값으로 다룰 수 있는 개념을 말한다. 1. 변수에 함수 담기 var f1 = function(a) { return a * a }; console.log(f1); // function(a) { return a * a } 자바스크립트에서는 위처럼 변수에 함수를 담을 수 있다. 2. 함수를 인자로 받기 function f3(f){ return f(); } console.log(f3(function() { return 10; })); // 10 console.log(f3(function() { return 20; })); // 20 f3 함수는 함수를 인자로 받아 함수 내부에서 함수를 평가 후 그 결과를 return 하는 함수이다. 이러한 일급 함수라는 개념과 순수 함수라는 특징을..

함수형 프로그래밍 정의 함수형 프로그래밍은 성공적인 프로그래밍을 위해 부수효과를 미워하고 조합성을 강조하는 프로그래밍 패러다임이다. 부수 효과를 미워한다 -> 순수 함수를 만든다. 조합성을 강조한다 -> 모듈화 수준을 높인다. 순수 함수 -> 오류를 줄이고 안정성을 높인다. 모듈화 수준이 높다 -> 생산성을 높인다. 순수 함수 function add(a,b){ return a+b; } console.log( add(10, 5) ); // 15 console.log( add(10, 5) ); // 15 console.log( add(10, 5) ); // 15 함수 add는 순수 함수이다. 그 이유는? 1. 항상 동일한 인자를 주면 동일한 결과를 return 하기 때문 2. 부수효과가 없기 때문(함수가 r..