JavaScript 함수 디바운스와 쓰로틀링

함수 디바운스는 이벤트가 트리거된 후 n초 뒤에 콜백 함수를 실행하는 기법으로, 이 n초 내에 다시 트리거되면 타이머를 리셋합니다. 이는 다음과 같은 상황에서 성능 최적화를 위해 자주 사용됩니다: 폼 컴포넌트 입력 내용 검증 다중 클릭으로 인한 폼 중복 제출 방지 등의 경우에 함수가 너무 빈번하게 불필요하게 호출되는 것을 방지합니다. 기본 개념 setTimeout을 ...

6월 17일 05:47에 게시됨

하모니OS 개발: 컴포넌트 추가 및 이벤트 처리 기술

ArkTS는 텍스트, 버튼, 입력 필드, 목록 등 다양한 종류의 컴포넌트를 지원합니다. 이러한 컴포넌트를 활용하여 다채로운 사용자 인터페이스를 구축할 수 있습니다. 다양한 컴포넌트 예제 코드 아래는 ArkTS를 사용하여 생성된 컴포넌트의 몇 가지 예시입니다: 텍스트 컴포넌트: Text("안녕하세요, 세계!") // 글자 크기 설정 .fontSize(40) // 폰트 두께 설정 ...

6월 15일 20:05에 게시됨

JavaScript에서 함수 실행 제한 기법: 쓰로틀링(Throttling)

쓰로틀링(Throttling) 소개 이전 글에서는 '디바운싱(Debouncing)'에 대해 다루었고, 이번 글에서는 디바운싱의 형제인 '쓰로틀링(Throttling)'에 대해 알아보겠습니다. 두 개념의 차이점을 다시 한번 짚어보며 독자분들에게 개념을 다시 한번 정리해 드리겠습니다. > PS: '개방과 절약'이라는 속담에 나오는 '절약'과 기술적 쓰로틀링은 본질적으로 동일하다고 생각합 ...

6월 13일 00:34에 게시됨