자바스크립트 Throttle(스로틀)과 Debounce(디바운스)의 개념과 차이점!
·
코딩/JAVASCRIPT
오늘은 자바스크립트에서 이벤트 핸들링을 최적화하기 위해 많이 사용하는 개념인Debounce와 Throttle에 대해 알아볼 것이다. 최적화 필요성자바스크립트에서 이벤트 핸들링을 최적화하는 이유는 성능과 사용자 경험을 개선하기 위해 필요하다.특히, 사용자가 반복해서 발생시키는 이벤트(예: 스크롤, 리사이즈, 입력 등)는 자칫 성능 저하를 유발할 수 있기 때문에..  Throttle목적: 특정 함수가 호출되는 빈도를 제한하여 자원 소모를 줄이기 위해 사용된다.동작 원리: 함수를 일정 시간 간격(예: 1000ms, 1초)으로만 실행되도록 제한한다. 이 간격 동안에는 함수를 한 번만 실행하고, 그 후에 다시 호출할 수 있다.throttle은 이벤트 핸들링, API 호출 등의 상황에서 쓰일 수 있다.throttl..
자바스크립트의 기본, 함수를 알아야 스크립트를 짤 수 있다!!
·
코딩/JAVASCRIPT
안녕하세요~ 오늘은 프로그래밍의 꽃이라 할 수 있는 함수를 알아보겠습니다! 자바스크립트 함수 자바스크립트에서 함수는 코드를 모듈화하고 재사용 가능하게 만들어주는 중요한 개념입니다. 함수는 특정 작업을 수행하고 필요한 데이터를 반환할 수 있습니다! 자바스크립트에서 함수를 사용하는 이유는 소스가 복잡해지거나 처리해야 할 기능이 많다면 이것들을 기능별로 나누는 것이 좋은데, 기능별로 함수를 따로 만들어둔다면 필요할 때마다 적절한 함수를 사용해서 함수별로 실행할 수 있는거죠! 함수를 표현하는 스타일은 다 다른데, 총 4가지가 있습니다! 화살표 함수를 포함하면 8가지구요. 한 번 하나하나씩 살펴볼게요~ 👑선언적 함수 선언적 함수는 함수를 선언할 때 함수 이름과 함수 내용을 함께 작성하는 방식입니다. 자바스크립트 ..
다쭐◠‿◠
'자바스크립트' 태그의 글 목록