250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 자바스크립트
- reactjs code snippets
- 이벤트
- Algorithm
- 자바
- java
- 함수
- 단어장
- Node.js
- prettier-code formatter
- quizlet
- 스크롤
- 데이터통신
- 네트워킹
- JavaScript
- 한빛아카데미
- html
- 초연결사회의 데이터통신과 네트워킹
- 라이브러리
- 알고리즘
- JLPT
- 일본어
- ScrollToPlugin
- 초연결 사회의 데이터통신과 네트워킹
- scrolly
- 연습문제
- React
- 백준
- ArrayList
- gsap
Archives
- Today
- Total
목록lodash (1)
umilove98의 블로그
lodash.js 이벤트 발생 시 함수 실행 빈도를 조절해보자
화면 스크롤 시 이벤트를 발생시켜 콘솔에 출력하는 코드를 작성해 보았다. window.addEventListener('scroll', function () { console.log('scroll!'); }); 브라우저 창을 스크롤 할 경우 이벤트가 발생하여 콘솔에 scroll! 이라고 출력하는 코드이다. 아주 잠깐 스크롤을 움직였을 뿐인데 굉장히 많은 콜백함수 호출이 일어났다. 이런 간단한 기능 하나라면 상관없겠지만 기능이 많아지고 복잡해지면 이런 잦은 콜백함수 호출로 인해 사이트의 반응이 느려질 수 있다. 이를 해결하기 위해 lodash.js 라이브러리를 사용할 수 있다. lodash.js - Libraries - cdnjs - The #1 free and open source CDN built to ..
language,framework,library/Javascript
2022. 10. 12. 23:54