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