Code Monkey home page Code Monkey logo

Comments (4)

LucyYoo avatar LucyYoo commented on August 21, 2024

Q1. 디바운스와 쓰로틀링의 차이점은 무엇인가요?

정답
  • 디바운스: 이벤트가 짧은 시간 간격으로 연속해서 발생하면 이벤트 핸들러를 호출하지 않다가 일정 시간이 경과한 이후에 한번만 호출한다. 즉, 짧은 시간 동안 발생한 이벤트들을 하나로 그룹화해서 마지막에 발생한 이벤트에 대해서만 이벤트 핸들러를 호출한다.

  • 쓰로틀링: 짧은 시간 간격으로 이벤트가 연속해서 발생하더라도 일정 시간 간격으로 이벤트가 최대 한 번만 호출되도록한다. 즉, 짧은 시간 간격으로 연속해서 발생한 이벤트를 그룹화해서 일정 시간 단위로 이벤트 핸들러과 호출되도록 호출 주기를 만드는 것이다.

from js-deep-dive-study.

Heojiyeon avatar Heojiyeon commented on August 21, 2024

Q1. 비동기 처리 방식의 장단점을 작성해주세요.

정답
장점: 현재 실행중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하므로 블로킹이 발생하지 않는다.
단점: 태스크의 실행 순서가 보장되지 않는다.

from js-deep-dive-study.

choibyeol avatar choibyeol commented on August 21, 2024

Q1. 디바운싱과 쓰로틀링은 각각 무엇이며, 어떤 경우에 사용할까요?

정답
디바운싱은 짧은 시간 간격으로 이벤트가 연속해 발생하면, 이벤트 핸들러를 호출하지 않고 일정한 시간이 경과되어야 이벤트 핸들러를 한 번만 호출하는 방법이다. 주로 검색, 자동완성, 버튼 중복 클릭 방지 처리, ajax 검색에 자주 사용된다.
쓰로틀링은 짧은 시간 간격으로 이벤트가 연속해 발생하더라도 일정 시간 간격으로 이벤트 핸들러가 최대 한 번만 호출하도록 하는 방법이다. 보통 스크롤 이벤트에 사용한다.

from js-deep-dive-study.

KSoonYo avatar KSoonYo commented on August 21, 2024

Q1. setTimeOut과 setInterval의 차이는 무엇인가요?

정답 setTimeOut은 두번째 인수로 전달된 시간(ms)에 단 한번만 동작하는 타이머를 생성하여 타이머가 끝나면 첫번째 인수로 전달된 콜백 함수가 실행된다. 반면 setInterval는 두번째 인수로 전달된 시간으로 반복 동작하는 타이머를 생성하여 타이머가 만료될 때마다 타이머가 취소될때까지 계속 첫번째 인수로 전달된 콜백 함수가 호출된다.

from js-deep-dive-study.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.