use isinviewport
랜더링 최적화를 위해 사용하는 것
주문페이지의 경우 주문건이 많을경우 주문건을 다 보여주려면 브라우저가 엄청 버벅거리게 된다이때, isinviewport (hook)을 사용하게 되면브라우저상 (view)에 보여지는 부분만 렌더되고 그 아래 안보이는 것들은 렌더 되지 않아렌더링 최적화를 시켜줄 수 있다
use debounce
https://usehooks.com/useDebounce/https://medium.com/@vdongbin/useeffect%EC%97%90%EC%84%9C-debounce-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0-acc04179502d
Debounce연이어 호출되는 함수들 중 마지막 함수(또는 제일 처음)만 호출하도록 하는 기법입니다. 예를 들어 검색창에 검색어를 입력할 때, 검색어 입력완료 후 특정시간 이후에만 자동검색을 수행하도록 제어하는 것입니다.
input의 온체인지 함수는 input되는 text마다 통신을 하는데, 이 현상이 너무 비효율적이여서타임을 설정해두고 해당 타임이 다 된 시점에서 input 창에 남아있는 text만 검색을 하도록 제어한다
