--- title: 디바운스와 쓰로틀에 대해서 각각 설명해주세요. | daily.dev description: Discussion about "디바운스와 쓰로틀에 대해서 각각 설명해주세요." on daily.dev - join the developer community canonical: https://daily.dev/posts/06zslizrd twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: 디바운스와 쓰로틀에 대해서 각각 설명해주세요. | daily.dev og:description: Discussion about "디바운스와 쓰로틀에 대해서 각각 설명해주세요." on daily.dev - join the developer community og:url: https://daily.dev/posts/06zslizrd og:image: https://api.daily.dev/og/posts/06zsliZRd.png og:image:alt: 디바운스와 쓰로틀에 대해서 각각 설명해주세요. og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # 디바운스와 쓰로틀에 대해서 각각 설명해주세요. **[Korean Devs](https://daily.dev/sources/koreandevs)** · [@seyoungcho](https://daily.dev/seyoungcho) · 0 upvotes · 0 comments ## Content [👉🏻원문 보기](https://www.maeil-mail.kr/question/41) > 프론트엔드와 관련된 질문이에요. **디바운스(debounce)** 와 **쓰로틀(throttle)** 은 **이벤트 핸들러가 너무 자주 실행되지 않도록 조절하는 기법**입니다. 이 두 가지 방법은 비슷해 보이지만, 동작 방식에 차이가 있습니다. **디바운스**는 이벤트가 연속적으로 발생할 때, **마지막 이벤트가 발생한 후 일정 시간이 지나야 이벤트 핸들러가 실행**되는 방식입니다. 이를 통해 불필요하게 많은 이벤트 호출을 방지할 수 있습니다. 예를 들어, 검색창에 사용자가 키를 입력할 때마다 검색 요청을 보내면 부하가 지나치게 커지기 때문에, 사용자가 입력을 멈춘 후 일정 시간이 지나면 검색 요청을 보내는 방식으로 디바운스를 적용할 수 있습니다. **쓰로틀**은 **일정 시간 간격 동안 발생한 이벤트 중 첫 번째 또는 마지막 이벤트만 처리**하는 방식입니다. 즉, 이벤트가 계속해서 발생하더라도 설정된 시간 동안은 한 번만 이벤트 핸들러가 실행됩니다. 예를 들어, 사용자가 연속 클릭을 한다면 클릭할 때마다 이벤트가 발생하는데, 이를 매번 처리하면 부하가 불필요하게 커지니, 쓰로틀을 적용해 일정 간격 내 한 번만 처리하게 할 수 있습니다. ## 디바운스와 쓰로틀 중에서 무한 스크롤 구현 시 어떤 방식을 선택하실 건가요? 그 이유는 무엇인가요? 🤔 무한 스크롤 구현 시에는 **쓰로틀**을 사용하는 것이 더 적합합니다. 먼저, 스크롤은 연속적인 동작이며 사용자가 페이지 하단에 도달했을 때 즉각적인 반응을 기대합니다. **쓰로틀**은 스크롤이 **하단에 위치하게 된 순간 즉시 추가 데이터 요청을 수행**하므로, 사용자에게 더 자연스러운 스크롤 경험을 제공할 수 있습니다. 반면, **디바운스**를 사용할 경우, 사용자가 반복적으로 스크롤한다면 **마지막 스크롤이 멈춘 후에야 데이터를 불러오기 시작하므로 지연**이 발생할 수 있습니다. ## 📚 추가 학습 자료를 공유합니다. - [[zerocho] 쓰로틀링과 디바운싱](https://www.zerocho.com/category/JavaScript/post/59a8e9cb15ac0000182794fa) ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments - [CNCF Unveils Schedule for KubeCon \+ CloudNativeCon Europe 2026](https://daily.dev/posts/cncf-unveils-schedule-for-kubecon-cloudnativecon-europe-2026-ikhcoa5cb) · CNCF · 2 upvotes · 0 comments - [CNCF Debuts KubeCon \+ CloudNativeCon Japan 2026 Schedule](https://daily.dev/posts/cncf-debuts-kubecon-cloudnativecon-japan-2026-schedule-xp5pyudub) · CNCF · 1 upvotes · 0 comments --- [View this post on daily.dev](https://daily.dev/posts/06zslizrd) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"DiscussionForumPosting","mainEntityOfPage":"https://daily.dev/posts/06zslizrd","headline":"디바운스와 쓰로틀에 대해서 각각 설명해주세요.","text":"Discussion about \"디바운스와 쓰로틀에 대해서 각각 설명해주세요.\" on daily.dev - join the developer community","url":"https://daily.dev/posts/06zslizrd","datePublished":"2026-02-09T23:22:02.974Z","dateModified":"2026-02-09T23:22:37.949Z","author":{"@type":"Person","name":"SeyoungCho","url":"https://daily.dev/seyoungcho","image":"https://media.daily.dev/image/upload/s---QniJFEK--/f_auto/v1724901542/avatars/avatar_O3ucZSadxc0iLADSOH3rX","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":8270}},"image":"https://media.daily.dev/image/upload/s--Nzn_IH_v--/f_auto/v1770679323/posts/06zsliZRd?_a=BAMAMiiu0","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"isPartOf":{"@type":"WebPage","url":"https://daily.dev/squads/koreandevs","name":"Korean Devs"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Korean Devs","item":"https://daily.dev/squads/koreandevs"},{"@type":"ListItem","position":3,"name":"디바운스와 쓰로틀에 대해서 각각 설명해주세요."}]} ```