오블완
-
디바운스와 쓰로틀을 사용한 최적화오늘 공부 2024. 11. 8. 22:29
자바스크립트 애프리케이션에서는 사용자가 웹페이지와 상호작용하는 동안 발생하는 다양한 이벤트들을 다루게 됩니다.특히, scroll, resize, input, mousemove와 같은 이벤트들은 매우 짧은 시간 간격으로 연속해서 발생하는데, 이런 식으로 이벤트 핸들러가 과도하게 호출되면 성능 저하나 불필요한 서버 요청이 발생할 수 있습니다. 이런 문제를 해결하기 위해 디바운스(Debounce)와 쓰로틀(Throttle)이라는 기법을 사용해 볼 수 있습니다.이 두 기법은 연속해서 발생하는 이벤트를 효율적으로 제어하여 성능을 최적화하는 데 도움을 줍니다. 이번 글에서 디바운스와 쓰로틀에의 활용 방법에 대해 간단하게 한번 알아보겠습니다.| 디바운스디바운스는 연속된 이벤트 호출을 그룹화하여 마지막에 한 번만 실행..
-
Ajax (를 알아야 하는 이유)오늘 공부 2024. 11. 7. 21:03
Ajax(Asynchronous JavaScript and XML)는 자바스크립트를 사용하여 브라우저가 서버와 비동기적으로 데이터를 주고받을 수 있게 하는 기술입니다. 즉, 웹 페이지를 처음부터 끝까지 새로 고치지 않고도 필요한 부분만 업데이트할 수 있어페이지가 더 빠르고 동적으로 반응할 수 있습니다.| Ajax의 시작 Ajax의 핵심은 브라우저에서 제공하는 XMLHttpRequest 객체입니다. 1999년 마이크로소프트가 개발한 이 객체는 HTTP 비동기 통신을 위한 다양한 메서드와 프로퍼티를 제공하며, 이를 통해 서버와 데이터를 주고받을 수 있게 했습니다. Ajax는 초기에는 주목받지 못했으나,2005년 구글이 Google Maps에 Ajax를 적용하면서 큰 주목을 받았습니다. Ajax 덕분에 Go..