profile
열심히 노력하는 신입 프론트엔드 개발자 문건우입니다.
태그 목록
전체보기 (184)JavaScript(45)알고리즘(40)프로그래머스(25)React(20)python(14)leetcode(13)부스트캠프(12)삽질(12)후기(8)typescript(8)js(7)멤버십(5)next(5)ts(5)면접(5)DSC(5)next.js(5)타입스크립트(5)프론트엔드(4)DND(4)boj(4)express(4)위상정렬(3)Nginx(3)debounce(3)에러(3)NHN Forward(3)TIL(3)카카오 코딩테스트(3)SSR(3)컨퍼런스(3)백준(3)redux(3)우아한 테크 캠프(3)리액트(3)회고(3)webpack(3)key(2)throttle(2)https(2)ES5(2)ES6(2)boostcamp(2)동아리(2)(2)데브매칭(2)카카오 인턴(2)ux(2)array(2)Recoil(2)프로젝트(2)리뷰(2)카카오 인턴 코딩테스트(1)프론트엔드과제(1)썸머코딩(1)확장(1)카카오 알고리즘(1)PNU(1)홍보(1)우테캠(1)훌륭한 개발자(1)es8(1)Context API(1)arguments(1)세션(1)쿠키(1)NaN(1)UI(1)생성자(1)action(1)사이드프로젝트(1)Trie(1)호이스팅(1)우아한 형제들(1)corejs(1)생각정리(1)자동배포(1)ScrollIntoView(1)garbage colerctor(1)레디스(1)ncloud(1)웹 표준(1)그룹 프로젝트(1)cutom hook(1)유틸리티 타입(1)Tree Shaking(1)트리 쉐이킹(1)emotion(1)트랜스파일(1)dynamic routing(1)CSS(1)lazy(1)Saga(1)bind(1)배포(1)데이터베이스(1)code splitting(1)웹팩(1)cookie(1)sql(1)개발자(1)Node(1)mysql(1)HMR(1)babel(1)html(1)카카오(1)dd(1)Sequelize(1)해커톤(1)상속(1)typeOrm(1)class(1)error(1)목표(1)shell(1)자료구조(1)객체(1)Index(1)nextjs(1)개발(1)useCallback(1)Symbol(1)queue(1)this(1)arrow function(1)private(1)화살표 함수(1)useReducer(1)Prototype(1)코드 스플리팅(1)부산(1)figma(1)clipboard(1)웹 접근성(1)코딩테스트(1)챌린지(1)Summer/Winter 코딩(1)개발자의 디자인 독해력(1)책 리뷰(1)

TypeScript에서 useDebounce, useThrottle 만들기

useDebounce와 useThrottle은 debounce와 throttle이 적용된 함수를 반환해주는 hook이다.timer를 useRef로 하여 리렌더링 되도 timer가 초기화 되는 현상을 막는다.callback 함수의 타입 추론을 잘하게 하기 위해서 <

2020년 12월 10일
·
0개의 댓글
post-thumbnail

debounce & throttle

이벤트 핸들러가 많은 연산(예 : 무거운 계산 및 기타 DOM 조작)을 수행(이벤트 핸들러의 과도한 횟수가 발생하는 것)하는 경우 에 대해 제약을 걸어 제어할 수 있는 수준으로 이벤트를 발생(그 핸들러를 더 적게 실행하면 빠져 나갈 수 있음)시키는 것을 목표로 하는 기

2020년 10월 14일
·
0개의 댓글
post-thumbnail

Debounce란?

Debounce는 연속적으로 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 것입니다. 왜 이렇게 하는 것일까요? 우리는 사용자의 마지막 행동에만 관심이 있기 때문입니다. 검색을 하는 방법에도 여러가지가 있을 것입니다. 예를 들어 검색어를 입력하고

2020년 7월 17일
·
0개의 댓글