오늘은 자바스크립트에서 이벤트 핸들링을 최적화하기 위해 많이 사용하는 개념인Debounce와 Throttle에 대해 알아볼 것이다. 최적화 필요성자바스크립트에서 이벤트 핸들링을 최적화하는 이유는 성능과 사용자 경험을 개선하기 위해 필요하다.특히, 사용자가 반복해서 발생시키는 이벤트(예: 스크롤, 리사이즈, 입력 등)는 자칫 성능 저하를 유발할 수 있기 때문에..  Throttle목적: 특정 함수가 호출되는 빈도를 제한하여 자원 소모를 줄이기 위해 사용된다.동작 원리: 함수를 일정 시간 간격(예: 1000ms, 1초)으로만 실행되도록 제한한다. 이 간격 동안에는 함수를 한 번만 실행하고, 그 후에 다시 호출할 수 있다.throttle은 이벤트 핸들링, API 호출 등의 상황에서 쓰일 수 있다.throttl..

gsap에서 제공되는 split text라는 기능이 있다.하지만 그건 유료이기 때문에 split-type이라는 무료 플러그인을 사용해서 글자 쪼개기, gsap를 활용해 애니메이션까지 구현해 볼 예정!  See the Pen Split-type, GSAP 활용한 텍스트 효과 by YeoDaSeul4355 (@YeoDaSeul4355) on CodePen. 활용한 플러그인 split-type과 gsap 플러그인 연결해주어야 한다.로컬 파일로 저장해서 연결해도 ok HTML 구조 Play Split Text! Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro nostrum distinctio ad quo natus et an..