CaliforniaLuv
마우스 스크롤 이벤트 처리
스크롤 이벤트 처리를 할 경우, 일반적인 순수 Y축 값을 통해 측정, setTimeout을 사용하여 throttle 처리, requestAnimationFrame 3가지 방법을 각각 비교하여 어떤 차이가 있는지 비교하자. 순수 스크롤 이벤트를 통한 Y축 값 측정 const [scrollFlag, setScrollFl...
Hello, I’m Lee Jin-Sung
As a front-end developer, I focus on building impactful web experiences. I believe that UI/UX is the most essential element of a successful website.
Latest Posts
setTimeout와 requestAnimationFrame
이벤트 애니메이션을 사용하다 보면 성능 최적화에 문제가 발생한다. 이를 해결하기 위해서 보통 setTimeout을 사용해서 최적화를 진행하며, 이를 보통 throttle 이라고 부르며 ms를 환산하여 트리거를 작동한다. setTimeout 활용 (throttle) const el = document.querySele...
고차함수와 콜백함수의 차이
예전에 고차함수에 관해 다른 블로그에서 정리한 적이 있었다. 그동안 프로젝트 구현에만 몰두하다 직원 동료와 대화 도중 고차함수와 콜백함수를 순간 헷갈려 부끄러웠는데,, 이번 기회 다시 재정리하고자 한다. 함수의 특성 분리 function city(arr) { for(let i=0; i<arr.length;...