[TIL] 04.27

검색 엔진을 어떻게 구현할지 고민을 해보았다. 

기존 프로덕트에 있는 검색 서비스를 가져와서 이용해 보기위해서 기존의 코드를 살펴 보았다. 

lodash 의 debounce를 사용하여 fetch를 키를 누르고 난 후 750ms 뒤에 실행이 되도록 설정을 해두었다. 

그리고 제품이 있을 경우와 없을 경우를 나눠 onChange 함수를 만들어 나뉘어져 있었다. 

input tag가 하위 컴포넌트이기 때문에 input 창의 포커스를 확인하기 위해 useRef 를 사용하여 참조하는 형태로 만들어져 있었다. 

내가 필요한 부분들을 가져와 간단하게 만들어 보았는데 타입 설정에서 에러가 발생 하였다. 타입 공부를 좀더 해보아야 겠다.